{"id":163,"date":"2024-11-27T19:14:02","date_gmt":"2024-11-27T11:14:02","guid":{"rendered":"https:\/\/www.weswoo.com\/?p=163"},"modified":"2025-08-25T17:52:29","modified_gmt":"2025-08-25T09:52:29","slug":"shopifyshopify-19","status":"publish","type":"post","link":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/","title":{"rendered":"shopify how to insert a rotating component function in the product recommendation section, shopify how to get product quantity selection"},"content":{"rendered":"<h3 id=\"\">article outline<\/h3>\n<hr>\n<h3 id=\"h1shopify\">H1: Shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd<\/h3>\n<p>H2: What is Shopify's Rotator Component?  <\/p>\n<ul>\n<li>H3: Definition of a rotating component  <\/li>\n<li>H3: The Role and Benefits of Rotation Components<\/li>\n<\/ul>\n<p>H2: Why do I use the Rotator component in the Product Recommendations section?  <\/p>\n<ul>\n<li>H3: Improving the user experience  <\/li>\n<li>H3: Enhancing visual appeal  <\/li>\n<li>H3: Promoting sales conversion rates<\/li>\n<\/ul>\n<p>H2: Steps to insert a rotating component in Shopify  <\/p>\n<ul>\n<li>H3: Installing the right app  <\/li>\n<li>H3: Manual additions using Liquid code  <\/li>\n<li>H3: Insertion of Rotating Component Specific Operations<\/li>\n<\/ul>\n<p>H2: How to customize the rotation component?  <\/p>\n<ul>\n<li>H3: Setting the rotation speed and interval  <\/li>\n<li>H3: Resize and scale images  <\/li>\n<li>H3: Add text and link buttons<\/li>\n<\/ul>\n<p>H2: Common Shopify Rotator Component Plugins  <\/p>\n<ul>\n<li>H3: Slick Carousel  <\/li>\n<li>H3: Owl Carousel  <\/li>\n<li>H3: Shopify's own rotation feature<\/li>\n<\/ul>\n<p>H2: Optimizing the Rotator Component to Improve Performance  <\/p>\n<ul>\n<li>H3: Image Compression and Optimization  <\/li>\n<li>H3: Increase page load speed  <\/li>\n<li>H3: Responsive Design Implementation<\/li>\n<\/ul>\n<p>H2: Addressing common problems  <\/p>\n<ul>\n<li>H3: Rotator component cannot be displayed  <\/li>\n<li>H3: Rotation too fast or too slow  <\/li>\n<li>H3: Mobile Adaptation Issues<\/li>\n<\/ul>\n<p>H2: Summary and recommendations  <\/p>\n<ul>\n<li>H3: Improve User Experience with Rotational Components  <\/li>\n<li>H3: Customize the rotation effect according to the store style<\/li>\n<\/ul>\n<hr>\n<h3 id=\"shopify\">How Shopify Inserts Rotating Component Functionality in Product Recommendations Section<\/h3>\n<p>What is Shopify's rotation component?<\/p>\n<p>Carousel is a common web feature used to display multiple images, videos or information cards in the same location. It is presented in a sliding or autoplay format and is commonly found on the homepage or product recommendation area of an online store. For Shopify stores, a carousel not only enhances the visual appeal of the page, but also helps to showcase multiple products and increase sales opportunities.<\/p>\n<p>Why use a rotating component in the product recommendations section?<\/p>\n<p>Improve user experience<br \/>\nRotational components allow customers to browse multiple products or promotions in a more dynamic and interactive way. Compared to static product displays, rotating components are more vivid and attention-grabbing, effectively reducing the monotony of the page and improving the overall user experience.<\/p>\n<p>Enhanced visual appeal<br \/>\nInserting a rotating component in the product recommendation area can break the traditional way of displaying the product list and increase the hierarchy and dynamics of the page. Through beautiful pictures and smooth transition effects, it can quickly attract customers' attention and improve the stay time of the page.<\/p>\n<p>Promote Sales Conversion<br \/>\nBy displaying popular products, promotions or new arrivals, the rotating component can effectively motivate customers to browse more products, thus increasing the conversion rate of the store. When paired with promotional information, limited time discounts and other content, it can inspire customers to buy and drive more transactions.<\/p>\n<p>Steps to Insert Rotating Components in Shopify<\/p>\n<p>Install the right app<br \/>\nShopify offers a variety of rotating component plugins to help merchants insert rotating effects more easily. Common apps such as \"Product Carousel\" or \"Shopify Slideshow\" allow merchants to insert rotations with simple settings and drag-and-drop.<\/p>\n<p>Manual addition using Liquid code<br \/>\nFor merchants with more customization needs, you can manually insert the rotation component through Shopify's Liquid code. Go to the Shopify backend, find the page you wish to add rotation to (e.g. the product recommendation section), and then insert the appropriate HTML code and JavaScript code to realize the rotation effect.<\/p>\n<p>Specific operations for inserting rotating components  <\/p>\n<ol>\n<li>In the Shopify backend, under \"Online Store\", select \"Themes\" and click \"Edit Code\".<\/li>\n<li>Find the template file where you want to add the rotation (e.g.<code>product-template.liquid<\/code>), and insert the HTML code for the rotating component in the appropriate place.<\/li>\n<li>Insert the CSS styles and JavaScript code of the rotation components into the corresponding files to ensure the realization of the rotation effect.<\/li>\n<li>Save the changes and refresh the page to check if the rotation component is displayed properly.<\/li>\n<\/ol>\n<p>How to customize the rotation component?<\/p>\n<p>Setting the rotation speed and interval<br \/>\nMost rotation components allow merchants to customize the switching speed and display time. You can adjust the time of each image or product display according to the needs of the product display to ensure that the rotation effect is not too fast or too slow for the best user experience.<\/p>\n<p>Resize and scale images<br \/>\nIn order to ensure consistent display of rotating components, it is recommended to resize and scale images uniformly. Most rotator plugins provide the option to customize the image size to ensure that the images can be displayed perfectly on different devices.<\/p>\n<p>Add Text &amp; Link Buttons<br \/>\nIn addition to displaying images, you can add captions, description text, and even button links to each rotating image. These texts and buttons can provide customers with more information and help them quickly jump to a purchase page or see more details about a product.<\/p>\n<p>Common Shopify Rotator Component Plugins<\/p>\n<p>Slick Carousel<br \/>\nSlick Carousel is a very popular and powerful rotational plugin that supports rotational display of images, videos and HTML content. It supports responsive design, adapts to a variety of devices, and can provide smooth transition effects for most Shopify stores.<\/p>\n<p>Owl Carousel<br \/>\nOwl Carousel is a lightweight, easy-to-integrate rotator plugin that supports autoplay, recurring displays, and infinite scrolling. Its simplicity and ease of use make it the first choice for many Shopify merchants.<\/p>\n<p>Shopify comes with a rotation feature<br \/>\nShopify comes with some basic rotation components, merchants can quickly enable the rotation effect through the theme's own settings. Although it comes with more basic features, but for some simple display needs is already enough to use.<\/p>\n<p>Optimize the rotator component to improve performance<\/p>\n<p>Image compression and optimization<br \/>\nIn order to improve page loading speed, it is recommended to compress and optimize the images in the rotation component. Oversized images can cause the page to load slowly and affect the user experience. Use an image compression tool (e.g. TinyPNG) to compress the image size to ensure fast page loading.<\/p>\n<p>Improve page loading speed<br \/>\nIn addition to optimizing images, you can also improve page loading speed by reducing unnecessary JavaScript files, enabling browser caching, and more. A fast loading page not only improves user satisfaction, but also reduces bounce rates and increases conversions.<\/p>\n<p>Responsive Design Implementation<br \/>\nEnsure that the rotating component is well presented on a variety of devices, especially on small-screen devices such as cell phones and tablets. Use responsive design techniques to dynamically adjust the layout and size of the rotating component according to the screen size.<\/p>\n<p>Solving common problems<\/p>\n<p>Rotator component cannot be displayed<br \/>\nSometimes the rotating component may not display due to code errors or resource loading issues. First check for JavaScript conflicts or wrong image paths and make sure all resources have been loaded correctly.<\/p>\n<p>Rotate too fast or too slow<br \/>\nInappropriate rotation speed may affect the user experience. You can adjust the switching interval time in the plugin settings or manually adjust the relevant parameters in JavaScript to optimize the speed.<\/p>\n<p>Mobile Adaptation Issues<br \/>\nIf the rotation component does not display properly on mobile, it may be due to a lack of responsive design support. Ensure that the rotation plugin you are using supports mobile optimization, or manually adjust the CSS styles to ensure that the rotation effect is equally smooth on mobile.<\/p>\n<p>Summary and recommendations<\/p>\n<p>Using rotating components in the product recommendations section of your Shopify store is an effective way to enhance user experience and drive sales conversions. With proper plugin installation, careful design and optimization, you can embed the rotator component into your store to make it more vivid, interactive and attract customers' attention. Customizing the rotator effect according to the style and needs of your store can both enhance the visual effect of the page and promote customers' purchasing decisions, thus bringing higher sales revenue.<\/p>\n<h3 id=\"faqs\">Frequently Asked Questions (FAQs)<\/h3>\n<p>1. Do I need programming knowledge to insert a rotating component in Shopify?<br \/>\nNot necessarily. Insertion can be done easily with some off-the-shelf app plugins, no programming knowledge required. However, if a high degree of customization is needed, some knowledge of the Liquid code may be required.<\/p>\n<p>2. How to optimize the loading speed of the Rotator component?<br \/>\nBy compressing images, reducing JavaScript requests and enabling browser caching, you can effectively improve the loading speed of the rotating component.<\/p>\n<p>3. Which Shopify plugin is best for inserting rotating components?<br \/>\nSlick Carousel and Owl Carousel are two commonly used and effective rotation plugins for most Shopify merchants.<\/p>\n<p>4. How do I ensure that the rotator component is displayed properly on my cell phone?<br \/>\nUse a responsive design rotator plugin, or manually tweak the CSS to ensure that the rotator component adapts to various screen sizes.<\/p>\n<p>5. What types of content can be displayed in a rotating component?<br \/>\nRotational components can display images, videos, text, product cards, and even embed link buttons to direct customers to make a purchase or view more information.<\/p>\n<blockquote style=\"background: #F5F5F5; font-size: 10px;\"><p><a href=\"https:\/\/www.weswoo.com\/en\/shopify-how-to-add-accessories-to-product-page-shopify-how-to-get-product-quantity-selection\/\" style=\"text-decoration: none\"><span style=\"color: #929292;\">Related: Shopify how to add accessories to product page, shopify how to get product quantity selection<\/span><\/p>\n<p>Article Outline: H1: How to Add Accessories on Product Page in Shopify H2: What is Shopify Accessories Feature? H3: Definition and Role of Accessories H3: Relationship of Accessories to Main Product H2: Why is it important to add accessories on Shopify product pages? H3: Enhance Customer Experience H3: Increase Order Value H3: ...<\/p>\n<p><\/a><\/p><\/blockquote>","protected":false},"excerpt":{"rendered":"<p>\u6587\u7ae0\u5927\u7eb2 H1: Shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd H2: \u4ec0\u4e48\u662fShopify\u7684\u8f6e\u64ad\u7ec4\u4ef6\uff1f  [&hellip;]<\/p>","protected":false},"author":1,"featured_media":699,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[464],"tags":[4,5],"class_list":["post-163","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify-setup-guide","tag-shopify","tag-dtc"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.9 (Yoast SEO v24.0-RC1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9<\/title>\n<meta name=\"description\" content=\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\uff0c\u672c\u6587\u68b3\u7406Shopify\u72ec\u7acb\u7ad9\u7684\u5b9e\u65bd\u6b65\u9aa4\u3001\u5173\u952e\u914d\u7f6e\u548cSEO\u4f18\u5316\u5efa\u8bae\uff0c\u5e2e\u52a9\u8de8\u5883\u54c1\u724c\u63d0\u5347\u4f53\u9a8c\u3001\u8f6c\u5316\u6548\u7387\u4e0e\u641c\u7d22\u53ef\u89c1\u5ea6\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\" \/>\n<meta property=\"og:description\" content=\"WESWOO\u2014\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\uff0c\u63d0\u4f9bshopify liquid\u4e13\u4e1a\u5f00\u53d1\u65b9\u6848 - Shopify Plus\u5408\u4f5c\u4f19\u4f34 - \u897f\u897f\u6728\uff08\u5e7f\u5dde\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\" \/>\n<meta property=\"og:site_name\" content=\"Shopify Plus &amp; \u72ec\u7acb\u7ad9\u5f00\u53d1\uff5c\u8de8\u5883\u7535\u5546\u5b9a\u5236\u65b9\u6848 - WESWOO\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-27T11:14:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-25T09:52:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"weswoo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"weswoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\"},\"author\":{\"name\":\"weswoo\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642\"},\"headline\":\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\",\"datePublished\":\"2024-11-27T11:14:02+00:00\",\"dateModified\":\"2025-08-25T09:52:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\"},\"wordCount\":112,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg\",\"keywords\":[\"Shopify\",\"\u72ec\u7acb\u7ad9\"],\"articleSection\":[\"Shopify\u5efa\u7ad9\u6307\u5357\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\",\"url\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\",\"name\":\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\",\"isPartOf\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg\",\"datePublished\":\"2024-11-27T11:14:02+00:00\",\"dateModified\":\"2025-08-25T09:52:29+00:00\",\"description\":\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\uff0c\u672c\u6587\u68b3\u7406Shopify\u72ec\u7acb\u7ad9\u7684\u5b9e\u65bd\u6b65\u9aa4\u3001\u5173\u952e\u914d\u7f6e\u548cSEO\u4f18\u5316\u5efa\u8bae\uff0c\u5e2e\u52a9\u8de8\u5883\u54c1\u724c\u63d0\u5347\u4f53\u9a8c\u3001\u8f6c\u5316\u6548\u7387\u4e0e\u641c\u7d22\u53ef\u89c1\u5ea6\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage\",\"url\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg\",\"contentUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg\",\"width\":1600,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.weswoo.com\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#website\",\"url\":\"https:\/\/www.weswoo.com\/en\/\",\"name\":\"Shopify Plus & \u72ec\u7acb\u7ad9\u5f00\u53d1\uff5c\u8de8\u5883\u7535\u5546\u5b9a\u5236\u65b9\u6848 - WESWOO\",\"description\":\"WESWOO \u4e13\u6ce8 Shopify Plus \u4e0e\u72ec\u7acb\u7ad9\u5b9a\u5236\u5f00\u53d1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u7535\u5546\u7f51\u7ad9\u5efa\u8bbe\u3001\u8de8\u5883\u8fd0\u8425\u652f\u6301\u3001B2B \u53ca\u591a\u6e20\u9053\u96c6\u6210\uff0c\u52a9\u529b\u54c1\u724c\u5168\u7403\u589e\u957f\u3002\",\"publisher\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\"},\"alternateName\":\"WESWOO \u4e13\u6ce8 Shopify Plus \u4e0e\u72ec\u7acb\u7ad9\u5b9a\u5236\u5f00\u53d1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u7535\u5546\u7f51\u7ad9\u5efa\u8bbe\u3001\u8de8\u5883\u8fd0\u8425\u652f\u6301\u3001B2B \u53ca\u591a\u6e20\u9053\u96c6\u6210\uff0c\u52a9\u529b\u54c1\u724c\u5168\u7403\u589e\u957f\u3002\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.weswoo.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#organization\",\"name\":\"WESWOO\u2014Shopify\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\",\"alternateName\":\"WESWOO - SHOPIFY\",\"url\":\"https:\/\/www.weswoo.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png\",\"contentUrl\":\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png\",\"width\":1280,\"height\":1024,\"caption\":\"WESWOO\u2014Shopify\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\"},\"image\":{\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/\"},\"description\":\"\u6211\u4eec\u662fShopify\u5b98\u65b9\u5408\u4f5c\u4f19\u4f34\uff0c\u901a\u8fc7\u4e86Shopify Partner Academy\u8ba4\u8bc1\uff0c\u5177\u5907\u591a\u5e74\u72ec\u7acb\u7ad9DTC\u524d\u7aef\u5f00\u53d1\u7ecf\u9a8c\uff0c\u719f\u6089Liquid\u548c\u5404\u9879\u8ba1\u7b97\u673a\u8bed\u8a00\u3002 \u6211\u4eec\u4e0d\u662f\u4e00\u5bb6\u5355\u7eaf\u7684\u7f51\u7ad9\u8bbe\u8ba1\u670d\u52a1\u5546\uff0c\u63d0\u4f9b\u4f18\u8d28\u51c6\u786e\u7684\u884c\u4e1a\u6570\u636e\u548cSEO\uff0cSEM\u6307\u6807\uff0c\u901a\u8fc7\u4eba\u7fa4\u753b\u50cf\u548c\u884c\u4e1a\u7279\u6027\u8fdb\u884c\u6570\u636e\u6316\u6398\u3002\",\"email\":\"xxmui@outlook.com\",\"telephone\":\"18688202145\",\"legalName\":\"\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8\",\"foundingDate\":\"2021-04-26\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642\",\"name\":\"weswoo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g\",\"caption\":\"weswoo\"},\"sameAs\":[\"http:\/\/weswoo.com\"],\"url\":\"https:\/\/www.weswoo.com\/en\/author\/weswoo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"shopify how to insert a rotating component function in the product recommendation section, shopify how to get product quantity selection","description":"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\uff0c\u672c\u6587\u68b3\u7406Shopify\u72ec\u7acb\u7ad9\u7684\u5b9e\u65bd\u6b65\u9aa4\u3001\u5173\u952e\u914d\u7f6e\u548cSEO\u4f18\u5316\u5efa\u8bae\uff0c\u5e2e\u52a9\u8de8\u5883\u54c1\u724c\u63d0\u5347\u4f53\u9a8c\u3001\u8f6c\u5316\u6548\u7387\u4e0e\u641c\u7d22\u53ef\u89c1\u5ea6\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/","og_locale":"en_US","og_type":"article","og_title":"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9","og_description":"WESWOO\u2014\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6\uff0c\u63d0\u4f9bshopify liquid\u4e13\u4e1a\u5f00\u53d1\u65b9\u6848 - Shopify Plus\u5408\u4f5c\u4f19\u4f34 - \u897f\u897f\u6728\uff08\u5e7f\u5dde\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8","og_url":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/","og_site_name":"Shopify Plus &amp; \u72ec\u7acb\u7ad9\u5f00\u53d1\uff5c\u8de8\u5883\u7535\u5546\u5b9a\u5236\u65b9\u6848 - WESWOO","article_published_time":"2024-11-27T11:14:02+00:00","article_modified_time":"2025-08-25T09:52:29+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg","type":"image\/jpeg"}],"author":"weswoo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"weswoo","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#article","isPartOf":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/"},"author":{"name":"weswoo","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642"},"headline":"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9","datePublished":"2024-11-27T11:14:02+00:00","dateModified":"2025-08-25T09:52:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/"},"wordCount":112,"commentCount":0,"publisher":{"@id":"https:\/\/www.weswoo.com\/en\/#organization"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage"},"thumbnailUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg","keywords":["Shopify","\u72ec\u7acb\u7ad9"],"articleSection":["Shopify\u5efa\u7ad9\u6307\u5357"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/","url":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/","name":"shopify how to insert a rotating component function in the product recommendation section, shopify how to get product quantity selection","isPartOf":{"@id":"https:\/\/www.weswoo.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage"},"thumbnailUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg","datePublished":"2024-11-27T11:14:02+00:00","dateModified":"2025-08-25T09:52:29+00:00","description":"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9\uff0c\u672c\u6587\u68b3\u7406Shopify\u72ec\u7acb\u7ad9\u7684\u5b9e\u65bd\u6b65\u9aa4\u3001\u5173\u952e\u914d\u7f6e\u548cSEO\u4f18\u5316\u5efa\u8bae\uff0c\u5e2e\u52a9\u8de8\u5883\u54c1\u724c\u63d0\u5347\u4f53\u9a8c\u3001\u8f6c\u5316\u6548\u7387\u4e0e\u641c\u7d22\u53ef\u89c1\u5ea6\u3002","breadcrumb":{"@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#primaryimage","url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg","contentUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2024\/11\/27.jpg","width":1600,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/www.weswoo.com\/en\/shopifyshopify-19\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.weswoo.com\/ja\/"},{"@type":"ListItem","position":2,"name":"shopify\u5982\u4f55\u5728\u4ea7\u54c1\u63a8\u8350\u90e8\u5206\u63d2\u5165\u8f6e\u64ad\u7ec4\u4ef6\u529f\u80fd\uff0cshopify\u600e\u4e48\u5f04\u5546\u54c1\u6570\u91cf\u9009\u62e9"}]},{"@type":"WebSite","@id":"https:\/\/www.weswoo.com\/en\/#website","url":"https:\/\/www.weswoo.com\/en\/","name":"Shopify Plus &amp; Standalone Website Development\uff5cCustomized Cross-border E-commerce Solution - WESWOO","description":"WESWOO specializes in Shopify Plus and standalone custom development, providing high-performance e-commerce website development, cross-border operations support, B2B and multi-channel integration to help brands grow globally.","publisher":{"@id":"https:\/\/www.weswoo.com\/en\/#organization"},"alternateName":"WESWOO \u4e13\u6ce8 Shopify Plus \u4e0e\u72ec\u7acb\u7ad9\u5b9a\u5236\u5f00\u53d1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u7535\u5546\u7f51\u7ad9\u5efa\u8bbe\u3001\u8de8\u5883\u8fd0\u8425\u652f\u6301\u3001B2B \u53ca\u591a\u6e20\u9053\u96c6\u6210\uff0c\u52a9\u529b\u54c1\u724c\u5168\u7403\u589e\u957f\u3002","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.weswoo.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.weswoo.com\/en\/#organization","name":"WESWOO-Shopify cross-border e-commerce independent website experts","alternateName":"WESWOO - SHOPIFY","url":"https:\/\/www.weswoo.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png","contentUrl":"https:\/\/www.weswoo.com\/wp-content\/uploads\/2025\/08\/fulllogo.png","width":1280,"height":1024,"caption":"WESWOO\u2014Shopify\u8de8\u5883\u7535\u5546\u72ec\u7acb\u7ad9\u4e13\u5bb6"},"image":{"@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/logo\/image\/"},"description":"We are an official Shopify partner, certified by Shopify Partner Academy, with years of experience in DTC front-end development for independent sites, familiar with Liquid and various computer languages. We are not a simple website design service provider, we provide high-quality and accurate industry data and SEO, SEM indicators, data mining through crowd profiling and industry characteristics.","email":"xxmui@outlook.com","telephone":"18688202145","legalName":"\u897f\u897f\u6728\uff08\u6df1\u5733\uff09\u79d1\u6280\u6709\u9650\u8d23\u4efb\u516c\u53f8","foundingDate":"2021-04-26","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}},{"@type":"Person","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/bc9a01c6d3445dbdfb68e96ee00f9642","name":"weswoo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.weswoo.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/60152bb1145c677a6b80dd2db1d761f279c3db9d602631e4f31f40a5ffd5ba44?s=96&d=mm&r=g","caption":"weswoo"},"sameAs":["http:\/\/weswoo.com"],"url":"https:\/\/www.weswoo.com\/en\/author\/weswoo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/media\/699"}],"wp:attachment":[{"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weswoo.com\/en\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}