{"id":2878,"date":"2020-10-14T10:07:53","date_gmt":"2020-10-14T10:07:53","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=2878"},"modified":"2021-01-15T07:39:44","modified_gmt":"2021-01-15T07:39:44","slug":"magetop-product-slider-extension-guide","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/","title":{"rendered":"Magetop Product Slider Extension Guide"},"content":{"rendered":"\n\n\n<p><strong>Magetop Product Slider Extension Guide<\/strong>&nbsp;will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>I. Introduction<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"305\" data-attachment-id=\"2879\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/magetop-product-slider-extension\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?fit=1600%2C610&amp;ssl=1\" data-orig-size=\"1600,610\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Magetop-Product-Slider-Extension\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?fit=300%2C114&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?fit=800%2C305&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?resize=800%2C305&#038;ssl=1\" alt=\"Magetop Product Slider Extension\" class=\"wp-image-2879\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?w=1600&amp;ssl=1 1600w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?resize=300%2C114&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?resize=1024%2C390&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?resize=768%2C293&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension.jpg?resize=1536%2C586&amp;ssl=1 1536w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong><a href=\"https:\/\/www.magetop.com\/magento-2-product-slider-extension.html\" target=\"_blank\" rel=\"noreferrer noopener\">Product Slider<\/a><\/strong> for Magento is the best plugin allows you to create easily attractive product slider carousel on your site or shop and increase conversions &amp; sales. You can display product slider in pages, posts, custom template, and even widget. It comes with built-in intuitive Shortcode Generator to easily control the look and function of the product slider.<\/p>\n\n\n\n<p>Highlight features:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Responsive sliders.<\/li><li>Released for Developers only (Merchant version will release soon).<\/li><li>Supports: Featured products, New Products, Most views, On-sale, Bestseller, Recent viewed, Wishlist, Category ID.<\/li><li>Casual OWL slider options.<\/li><li>Insert product slider anywhere on your store.<\/li><li>Easy to install and setup.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>II. How to Configure<\/strong><\/h2>\n\n\n\n<p>To configure <strong>Product Slider<\/strong>, choose <strong>STORES -&gt; Settings -&gt; Configurations -&gt; MAGETOP.COM -&gt; Product Slider Setting.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"403\" data-attachment-id=\"3756\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magento-2-configure-layered-navigation\/choose-configuration-on-the-left-sidebar\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?fit=1857%2C936&amp;ssl=1\" data-orig-size=\"1857,936\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Choose-Configuration-on-the-left-sidebar\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?fit=300%2C151&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?fit=800%2C403&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?resize=800%2C403&#038;ssl=1\" alt=\"\" class=\"wp-image-3756\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?w=1857&amp;ssl=1 1857w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?resize=1024%2C516&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?resize=768%2C387&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?resize=1536%2C774&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/12\/Choose-Configuration-on-the-left-sidebar.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"516\" data-attachment-id=\"2881\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/2-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?fit=1508%2C973&amp;ssl=1\" data-orig-size=\"1508,973\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"2\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?fit=300%2C194&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?fit=800%2C516&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?resize=800%2C516&#038;ssl=1\" alt=\"2. Product Slider Settings\" class=\"wp-image-2881\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?w=1508&amp;ssl=1 1508w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?resize=1024%2C661&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/2.jpg?resize=768%2C496&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Configuration<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1.1. General Configuration<\/strong><\/h4>\n\n\n\n<p>General Configuration has 2 fields:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"376\" data-attachment-id=\"2882\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/3-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?fit=1089%2C512&amp;ssl=1\" data-orig-size=\"1089,512\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"3\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?fit=300%2C141&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?fit=800%2C376&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?resize=800%2C376&#038;ssl=1\" alt=\"3. General Configuration\" class=\"wp-image-2882\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?w=1089&amp;ssl=1 1089w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?resize=1024%2C481&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/3.jpg?resize=768%2C361&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Enable<\/strong>: Select Yes to enable the module.<\/li><li><strong>Default displayed additional info<\/strong>: Allows the option of one or more display options on the product slider.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1.2. Slider Design Configuration<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"799\" data-attachment-id=\"2883\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/4-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?fit=1076%2C1075&amp;ssl=1\" data-orig-size=\"1076,1075\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"4\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?fit=300%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?fit=800%2C800&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=800%2C799&#038;ssl=1\" alt=\"4. Slider Design Configuration\" class=\"wp-image-2883\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?w=1076&amp;ssl=1 1076w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=768%2C767&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/4.jpg?resize=50%2C50&amp;ssl=1 50w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Responsive<\/strong>:<ul><li><strong>Yes<\/strong>: Select Yes will display the <strong>Max Items slider<\/strong> table. You can customize <strong>Number of items<\/strong> when the browser window resizes with <strong>Screen size max<\/strong>.<\/li><li><strong>No<\/strong>: If you select No, the number of products shown on the default slider is 3.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"416\" data-attachment-id=\"2884\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/5-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?fit=1258%2C654&amp;ssl=1\" data-orig-size=\"1258,654\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"5\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?fit=800%2C416&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?resize=800%2C416&#038;ssl=1\" alt=\"5. Responsive Default 3 Items\" class=\"wp-image-2884\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?w=1258&amp;ssl=1 1258w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?resize=1024%2C532&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/5.jpg?resize=768%2C399&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Loop Slider<\/strong>: Select Yes to allow products on the slider can slide infinite loop.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"416\" data-attachment-id=\"2885\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/6-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?fit=1258%2C654&amp;ssl=1\" data-orig-size=\"1258,654\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"6\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?fit=300%2C156&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?fit=800%2C416&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?resize=800%2C416&#038;ssl=1\" alt=\"6. Loop Slider\" class=\"wp-image-2885\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?w=1258&amp;ssl=1 1258w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?resize=300%2C156&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?resize=1024%2C532&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/6.jpg?resize=768%2C399&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Margin Between Items<\/strong>: allows you to set the distance between products on the slider. We recommend it as 10.<\/li><li><strong>Next\/Prev buttons<\/strong>: Select Yes to display the Next and Prev buttons. And vice versa.<\/li><li><strong>Show Dots Navigation<\/strong>: Select Yes to display the dots corresponding to the page number on the slider.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"454\" data-attachment-id=\"2886\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/7-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?fit=1347%2C765&amp;ssl=1\" data-orig-size=\"1347,765\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"7\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?fit=300%2C170&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?fit=800%2C455&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?resize=800%2C454&#038;ssl=1\" alt=\"7. Show Dots Navigation\" class=\"wp-image-2886\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?w=1347&amp;ssl=1 1347w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?resize=300%2C170&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?resize=1024%2C582&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/7.jpg?resize=768%2C436&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Lazy Load Images<\/strong>: Select Yes to display lazy load while loading images on the slider.<\/li><li><strong>Autoplay<\/strong>: Select Yes to enable the slider to move the product. Displays 2 fields: Autoplay TimeOut, Autoplay HoverPause.<\/li><li><strong>Autoplay TimeOut<\/strong>: Set the time for the slider to move the product. 1000 ms = 1s, instead of pressing the next button, after a set time the slider will automatically move the product.<\/li><li><strong>Autoplay HoverPause<\/strong>: Select Yes to stop the slider when the mouse pointer moves to the area of the slider.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Manage Slider<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2.1 Grid<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"292\" data-attachment-id=\"2887\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/8-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?fit=1809%2C660&amp;ssl=1\" data-orig-size=\"1809,660\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"8\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?fit=300%2C109&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?fit=800%2C292&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?resize=800%2C292&#038;ssl=1\" alt=\"8. Manage Product Slider Table\" class=\"wp-image-2887\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?w=1809&amp;ssl=1 1809w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?resize=300%2C109&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?resize=1024%2C374&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?resize=768%2C280&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?resize=1536%2C560&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/8.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>This section display all Product Sliders created.<\/li><li>Admin can tick Product Slider and choose Action with <strong>Delete<\/strong>, <strong>Change Status<\/strong>.<ul><li><strong>Delete<\/strong>: Remove the Product Slider from the table and it will be disabled from the frontend.<\/li><li><strong>Change Status<\/strong>: Status will change. <strong>Enable<\/strong> Product Slider in frontend or <strong>Disable<\/strong> Product Slider in frontend.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"294\" data-attachment-id=\"4174\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/9-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?fit=1758%2C645&amp;ssl=1\" data-orig-size=\"1758,645\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"9\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?fit=300%2C110&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?fit=800%2C294&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?resize=800%2C294&#038;ssl=1\" alt=\"9. Manage Action In Product Slider\" class=\"wp-image-4174\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?w=1758&amp;ssl=1 1758w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?resize=1024%2C376&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?resize=768%2C282&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?resize=1536%2C564&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/9.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>If you own a lot of Product Slider, you can use <strong>Filters<\/strong> to filter products by ID, Status, Name, Slider Type, Slider Location. Then select <strong>Apply Filters<\/strong> to apply it.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"277\" data-attachment-id=\"2891\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/10-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?fit=1788%2C618&amp;ssl=1\" data-orig-size=\"1788,618\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"10\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?fit=300%2C104&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?fit=800%2C277&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?resize=800%2C277&#038;ssl=1\" alt=\"10. Product Slider Filters\" class=\"wp-image-2891\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?w=1788&amp;ssl=1 1788w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?resize=300%2C104&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?resize=1024%2C354&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?resize=768%2C265&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?resize=1536%2C531&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/10.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2.2. Add New \/ Edit Form<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>To Add New a Product Slider, select the orange <strong>Add New Slider<\/strong> button in the upper right corner of the screen.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"305\" data-attachment-id=\"4176\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/11-choose-add-new-slider\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?fit=1756%2C670&amp;ssl=1\" data-orig-size=\"1756,670\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"11.-Choose-Add-New-Slider\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?fit=300%2C114&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?fit=800%2C305&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?resize=800%2C305&#038;ssl=1\" alt=\"11. Choose Add New Slider\" class=\"wp-image-4176\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?w=1756&amp;ssl=1 1756w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?resize=300%2C114&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?resize=1024%2C391&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?resize=768%2C293&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?resize=1536%2C586&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/11.-Choose-Add-New-Slider.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>To Edit a Product Slider you select the <strong>Edit<\/strong> in the Action column on the table.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"294\" data-attachment-id=\"4177\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/12-choose-edit-slider\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?fit=1762%2C648&amp;ssl=1\" data-orig-size=\"1762,648\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"12.-Choose-Edit-Slider\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?fit=300%2C110&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?fit=800%2C295&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?resize=800%2C294&#038;ssl=1\" alt=\"12. Choose Edit Slider\" class=\"wp-image-4177\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?w=1762&amp;ssl=1 1762w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?resize=1024%2C377&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?resize=768%2C282&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?resize=1536%2C565&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/12.-Choose-Edit-Slider.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2.2.1. General Information<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"920\" data-attachment-id=\"2892\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/13-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?fit=1110%2C1276&amp;ssl=1\" data-orig-size=\"1110,1276\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"13\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?fit=261%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?fit=800%2C919&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?resize=800%2C920&#038;ssl=1\" alt=\"13. General Information\" class=\"wp-image-2892\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?w=1110&amp;ssl=1 1110w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?resize=261%2C300&amp;ssl=1 261w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?resize=891%2C1024&amp;ssl=1 891w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/13.jpg?resize=768%2C883&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Name<\/strong>: Name of the Product Slider. It will be displayed in the table.<\/li><li><strong>Status<\/strong>: Select Enable to turn on Product Slider.<\/li><li><strong>Position<\/strong>: Choose where the sliders appear on the frontend. We offer the following available placements:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"359\" data-attachment-id=\"4178\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/14-position-of-product-slider-will-display-in-frontend\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?fit=1338%2C600&amp;ssl=1\" data-orig-size=\"1338,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"14.-Position-of-Product-Slider-will-display-in-frontend\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?fit=300%2C135&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?fit=800%2C359&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?resize=800%2C359&#038;ssl=1\" alt=\"14. Position of Product Slider will display in frontend\" class=\"wp-image-4178\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?w=1338&amp;ssl=1 1338w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?resize=1024%2C459&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/14.-Position-of-Product-Slider-will-display-in-frontend.jpg?resize=768%2C344&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Type<\/strong>: Select the Product Type you want to display on the slider.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"313\" data-attachment-id=\"4179\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/15-type-of-product-will-display-in-slider\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?fit=1343%2C525&amp;ssl=1\" data-orig-size=\"1343,525\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"15.-Type-of-Product-will-display-in-slider\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?fit=300%2C117&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?fit=800%2C313&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?resize=800%2C313&#038;ssl=1\" alt=\"15. Type of Product will display in slider\" class=\"wp-image-4179\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?w=1343&amp;ssl=1 1343w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?resize=1024%2C400&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/15.-Type-of-Product-will-display-in-slider.jpg?resize=768%2C300&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Custom Specific Products<\/strong>: When you choose Custom Specific Products, a Select Products tab will appear. Here you can choose the products to show up on your slider.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"420\" data-attachment-id=\"2895\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/16-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?fit=1769%2C929&amp;ssl=1\" data-orig-size=\"1769,929\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"16\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?fit=300%2C158&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?fit=800%2C420&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=800%2C420&#038;ssl=1\" alt=\"16. Select Products tab\" class=\"wp-image-2895\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?w=1769&amp;ssl=1 1769w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=300%2C158&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=1024%2C538&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=768%2C403&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=1536%2C807&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?resize=390%2C205&amp;ssl=1 390w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/16.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Store View<\/strong>: Select the Store View where the sliders are displayed. With the store view unselected, the slider never appears.<\/li><li><strong>Customer Groups<\/strong>: The slider is visible only for selected customer groups.<\/li><li><strong>Cache Lifetime<\/strong>: To refresh immediately, clear the cache of Blocks HTML Output. If you leave this field blank, the default is 86400 seconds.<\/li><li><strong>From Date<\/strong>: Allows you to set the date when you started using the slider. The sliders will not appear on the frontend if the displayed date has not yet arrived.<\/li><li><strong>To Date<\/strong>: Allows to set the end date for which the slider is used. After this date, the slider will be hidden from the frontend.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2.2.2. Design Tab<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"557\" data-attachment-id=\"2896\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/17-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?fit=1115%2C776&amp;ssl=1\" data-orig-size=\"1115,776\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"17\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?fit=300%2C209&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?fit=800%2C557&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=800%2C557&#038;ssl=1\" alt=\"17. Design Product Slider\" class=\"wp-image-2896\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?w=1115&amp;ssl=1 1115w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=300%2C209&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=1024%2C713&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=768%2C535&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=392%2C272&amp;ssl=1 392w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/17.jpg?resize=130%2C90&amp;ssl=1 130w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title<\/strong>: The content that fills in this field will be the name of the slider displayed on the frontend.<\/li><li><strong>Description<\/strong>: Description of the slider and also displayed on the frontend.<\/li><li><strong>Limit number of products<\/strong>: is the maximum number of products on the slider.<\/li><li><strong>Display additional information<\/strong>: Allows the option of one or more display options on the product slider.<\/li><li><strong>Is Responsive<\/strong>:<ul><li><strong>Yes<\/strong>: Select Yes will display the <strong>Max Items slider<\/strong> table. You can customize <strong>Number of items<\/strong> when the browser window resizes with <strong>Screen size max<\/strong>.<\/li><li><strong>No<\/strong>: If you select No, the number of products shown on the default slider is 3.<\/li><li><strong>Use Config<\/strong>: Use Responsive in the Configuration.<\/li><\/ul><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Widget<\/strong><\/h3>\n\n\n\n<p>To create the Product Slider Widget, you need to do the following steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>CONTENT -&gt; Elements -&gt; Widgets<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"381\" data-attachment-id=\"4170\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/go-to-content-elements-widgets\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?fit=1866%2C888&amp;ssl=1\" data-orig-size=\"1866,888\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Go-to-CONTENT-Elements-Widgets\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?fit=300%2C143&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?fit=800%2C380&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?resize=800%2C381&#038;ssl=1\" alt=\"Go to CONTENT -&gt; Elements -&gt; Widgets\" class=\"wp-image-4170\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?w=1866&amp;ssl=1 1866w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?resize=300%2C143&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?resize=1024%2C487&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?resize=768%2C365&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?resize=1536%2C731&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/Go-to-CONTENT-Elements-Widgets.jpg?w=1600&amp;ssl=1 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select <strong>Add Widget<\/strong>.<\/li><li>Select Type is <strong>Magetop Product Slider<\/strong>, Design Theme is Magento Luma. After, choose <strong>Continue<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"263\" data-attachment-id=\"4180\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/19-settings-of-widget\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?fit=1294%2C426&amp;ssl=1\" data-orig-size=\"1294,426\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"19.-Settings-of-Widget\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?fit=300%2C99&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?fit=800%2C263&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?resize=800%2C263&#038;ssl=1\" alt=\"19. Settings of Widget\" class=\"wp-image-4180\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?w=1294&amp;ssl=1 1294w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?resize=300%2C99&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?resize=1024%2C337&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/01\/19.-Settings-of-Widget.jpg?resize=768%2C253&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Fill in the information in <strong>Storefront Properties<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"505\" data-attachment-id=\"2899\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/20-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?fit=1097%2C692&amp;ssl=1\" data-orig-size=\"1097,692\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"20\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?fit=300%2C189&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?fit=800%2C505&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?resize=800%2C505&#038;ssl=1\" alt=\"20. Widget Storefront Properties\" class=\"wp-image-2899\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?w=1097&amp;ssl=1 1097w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?resize=300%2C189&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?resize=1024%2C646&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/20.jpg?resize=768%2C484&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Choose a display location for the Widget.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"211\" data-attachment-id=\"2900\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/21-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?fit=1295%2C342&amp;ssl=1\" data-orig-size=\"1295,342\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"21\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?fit=300%2C79&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?fit=800%2C211&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?resize=800%2C211&#038;ssl=1\" alt=\"21. Choose a display location for the Widget\" class=\"wp-image-2900\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?w=1295&amp;ssl=1 1295w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?resize=300%2C79&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?resize=1024%2C270&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/21.jpg?resize=768%2C203&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Fill in the information in <strong>Widget Options<\/strong> tab.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"263\" data-attachment-id=\"2901\" data-permalink=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/22-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?fit=1120%2C368&amp;ssl=1\" data-orig-size=\"1120,368\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"22\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?fit=300%2C99&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?fit=800%2C263&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?resize=800%2C263&#038;ssl=1\" alt=\"Widget Options\" class=\"wp-image-2901\" srcset=\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?w=1120&amp;ssl=1 1120w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?resize=300%2C99&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?resize=1024%2C336&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/22.jpg?resize=768%2C252&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Then choose <strong>Save<\/strong>, Clear cache and check it in the frontend.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>III. Conclude<\/strong><\/h2>\n\n\n\n<p>Above is our guide for <strong>Magetop Product Slider Extension<\/strong>. If you have any questions please boldly contact us. We will help you. Thanks for reading.<\/p>\n\n\n\n<p>It comes to the end of the blog:&nbsp;<strong>Magetop Product Slider Extension Guide<\/strong>.<\/p>\n\n\n\n<p>You can read more useful articles like&nbsp;<strong><a href=\"https:\/\/www.magetop.com\/blog\/quick-order-extension-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magetop Quick Order Extension Guide<\/a><\/strong>.<\/p>\n\n\n\n<p>Follow us for the more helpful article!<\/p>\n\n\n\n<p>We hope this is a useful series for you.<\/p>\n\n\n\n<p>Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.<\/p>\n","protected":false},"author":106,"featured_media":2904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[606,605,607,608,609],"class_list":["post-2878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-extension-guides-tech-tips","tag-extension-guide","tag-magetop-extension","tag-magetop-product-slider-extension-guide","tag-product-slider-extension","tag-product-slider-extension-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magetop Product Slider Extension Guide - Magetop Blog<\/title>\n<meta name=\"description\" content=\"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.\" \/>\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.magetop.com\/blog\/magetop-product-slider-extension-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magetop Product Slider Extension Guide - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-14T10:07:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-15T07:39:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"Magetop Product Slider Extension Guide\",\"datePublished\":\"2020-10-14T10:07:53+00:00\",\"dateModified\":\"2021-01-15T07:39:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\"},\"wordCount\":945,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"keywords\":[\"Extension Guide\",\"Magetop Extension\",\"Magetop Product Slider Extension Guide\",\"Product Slider Extension\",\"Product Slider Extension Guide\"],\"articleSection\":[\"Magento 2 Extension Guides &amp; Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\",\"name\":\"Magetop Product Slider Extension Guide - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"datePublished\":\"2020-10-14T10:07:53+00:00\",\"dateModified\":\"2021-01-15T07:39:44+00:00\",\"description\":\"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1\",\"width\":750,\"height\":445,\"caption\":\"Magetop Product Slider Extension Guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magetop Product Slider Extension Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magetop Product Slider Extension Guide - Magetop Blog","description":"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","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.magetop.com\/blog\/magetop-product-slider-extension-guide\/","og_locale":"en_US","og_type":"article","og_title":"Magetop Product Slider Extension Guide - Magetop Blog","og_description":"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","og_url":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2020-10-14T10:07:53+00:00","article_modified_time":"2021-01-15T07:39:44+00:00","og_image":[{"width":750,"height":445,"url":"https:\/\/i2.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","type":"image\/jpeg"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"Magetop Product Slider Extension Guide","datePublished":"2020-10-14T10:07:53+00:00","dateModified":"2021-01-15T07:39:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/"},"wordCount":945,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","keywords":["Extension Guide","Magetop Extension","Magetop Product Slider Extension Guide","Product Slider Extension","Product Slider Extension Guide"],"articleSection":["Magento 2 Extension Guides &amp; Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/","url":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/","name":"Magetop Product Slider Extension Guide - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","datePublished":"2020-10-14T10:07:53+00:00","dateModified":"2021-01-15T07:39:44+00:00","description":"Magetop Product Slider Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","width":750,"height":445,"caption":"Magetop Product Slider Extension Guide"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/magetop-product-slider-extension-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magetop Product Slider Extension Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&#038;ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/10\/Magetop-Product-Slider-Extension-Guide.jpg?fit=750%2C445&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-Kq","jetpack-related-posts":[{"id":5165,"url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-layered-navigation-extension-guide\/","url_meta":{"origin":2878,"position":0},"title":"Magetop Ajax Layered Navigation Extension Guide","author":"Aaron LX","date":"March 3, 2021","format":false,"excerpt":"Magetop Ajax Layered Navigation Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Ajax Layered Navigation Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Layered-Navigation-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":2318,"url":"https:\/\/www.magetop.com\/blog\/quick-order-extension-guide\/","url_meta":{"origin":2878,"position":1},"title":"Magetop Quick Order Extension Guide","author":"Adam Roger","date":"June 1, 2020","format":false,"excerpt":"Magetop Quick Order Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Quick Order Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2020\/06\/Magetop-Quick-Order-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5362,"url":"https:\/\/www.magetop.com\/blog\/magetop-ajax-cart-extension-guide\/","url_meta":{"origin":2878,"position":2},"title":"Magetop Ajax Cart Extension Guide","author":"Aaron LX","date":"March 20, 2021","format":false,"excerpt":"Magetop Ajax Cart Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Ajax Cart Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Ajax-Cart-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5183,"url":"https:\/\/www.magetop.com\/blog\/magetop-delete-orders-extension-guide\/","url_meta":{"origin":2878,"position":3},"title":"Magetop Delete Orders Extension Guide","author":"Aaron LX","date":"March 4, 2021","format":false,"excerpt":"Magetop Delete Orders Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Delete Orders Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Delete-Orders-Extension-Guide.jpg?fit=750%2C440&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5302,"url":"https:\/\/www.magetop.com\/blog\/magetop-advanced-review-extension-guide\/","url_meta":{"origin":2878,"position":4},"title":"Magetop Advanced Review Extension Guide","author":"Aaron LX","date":"March 18, 2021","format":false,"excerpt":"Magetop Advanced Review Extension Guide will give you a solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Advanced Review Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/03\/Magetop-Advanced-Review-Extension-Guide.jpg?fit=750%2C444&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5027,"url":"https:\/\/www.magetop.com\/blog\/magetop-auto-invoice-and-shipment-extension-guide\/","url_meta":{"origin":2878,"position":5},"title":"Magetop Auto Invoice &#038; Shipment Extension Guide","author":"Aaron LX","date":"February 18, 2021","format":false,"excerpt":"Magetop Auto Invoice & Shipment Extension Guide will give you solid understanding of how to use Extension. These Magento 2 tutorials cover back-end and front-end development.","rel":"","context":"In &quot;Magento 2 Extension Guides &amp; Tech Tips&quot;","block_context":{"text":"Magento 2 Extension Guides &amp; Tech Tips","link":"https:\/\/www.magetop.com\/blog\/magento-2-extension-guides-tech-tips\/"},"img":{"alt_text":"Magetop Auto Invoice & Shipment Extension Guide","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/02\/Magetop-Auto-Invoice-Shipment-Extension-Guide.jpg?fit=750%2C445&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/2878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=2878"}],"version-history":[{"count":7,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/2878\/revisions"}],"predecessor-version":[{"id":4360,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/2878\/revisions\/4360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/2904"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=2878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=2878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=2878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}