{"id":575,"date":"2023-03-15T17:18:17","date_gmt":"2023-03-15T10:18:17","guid":{"rendered":"https:\/\/magerubik.com\/blog\/?p=575"},"modified":"2023-04-02T18:42:23","modified_gmt":"2023-04-02T11:42:23","slug":"magento-2-product-slider","status":"publish","type":"post","link":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/","title":{"rendered":"Magento 2 Product Slider Document"},"content":{"rendered":"\n<h2 class=\"h3\"><strong>1. Overview<\/strong><\/h2>\n<div class=\"magerubik-quote\">\n\t<p>Magento 2 Product Slider Extension Highlight products on the display screen. Combine the product list according to the criteria of selecting the best-selling, newest, most viewed, or most reviewed items.<\/p>\n<\/div>\n<h2 class=\"h3\"><strong>2. Install Extension<\/strong><\/h2>\n<p>Link guide <a href=\"https:\/\/magerubik.com\/blog\/how-to-install-magento-2-extension\"  title=\"install the extension\">install the extension<\/a><\/p>\n<h2 class=\"h3\"><strong>3. How to use<\/strong><\/h2>\n<p class=\"h3\"><span class=\"code\">Configuration Extension<\/span><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-configuration.jpg\" alt=\"Magento 2 product slider configuration\" class=\"wp-image-80\"\/><\/figure>\t\n<ul class=\"hkk-list\">\n\t<li>In there<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cEnable Module\u201d<\/span>: Enable \/ Disable content show on frontend<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cMaximum Product\u201d<\/span>: Define maximum product will be display in slider. Leave empty will be default : 12<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cSlider items\u201d<\/span>: Define how many product will display in each slider page with the widest browser width. Default : 6<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cShow Price\u201d<\/span>: Show product&#8217;s price in on each items<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cShow Add Cart\u201d<\/span>: Show product&#8217;s add to cart button in on each items<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cShow Reviews\u201d<\/span>: Show product&#8217;s reviews in on each items<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cSlider Autoplay\u201d<\/span>: If set Yes to animate slider automatically<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cAutoplay timeout\u201d<\/span>: Change to any interger to make slider play every (input value) miliseconds. Default : 500<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cNavigation \/ Pagination\u201d<\/span>: 1 to display &#8220;next&#8221; and &#8220;prev&#8221; buttons.2 to display dots pagination. Other value will be 0 : disable nav\/pagi. Default : 1<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cStop on hover\u201d<\/span>: Yes to stop slider animation when cusor hover<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cSlider Speed\u201d<\/span>: Define the speed for slider (in miliseconds). Default : 250<\/li>\n<\/ul>\n<p class=\"h3\"><span class=\"code\">Create Group slider<\/span><\/p>\n<p>Go to <span class=\"code\">backend >> Magerubik >> Product slider pro >> Manage Group<\/span> then click <strong>&#8220;New Group&#8221;<\/strong> button<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-manage-group.jpg\" alt=\"Magento 2 product slider manage group\" class=\"wp-image-80\"\/><\/figure>\n<p class=\"simple-note\">Choose one of 3 layout styles for the group, it will look like the image below<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-layout-style.jpg\" alt=\"Magento 2 product slider layout style\" class=\"wp-image-80\"\/><\/figure>\n<p class=\"h3\"><span class=\"code\">Create product slider<\/span><\/p>\n<p>Go to <span class=\"code\">backend >> Magerubik >> Product slider pro >> Manage Item<\/span> then click <strong>&#8220;New Slider&#8221;<\/strong> button<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-manage-item.jpg\" alt=\"Magento 2 product slider manage item\" class=\"wp-image-80\"\/><\/figure>\n<p class=\"simple-note\">Here you can push sliers to previously created groups.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-add-new.jpg\" alt=\"Magento 2 product slider add new\" class=\"wp-image-80\"\/><\/figure>\n<p class=\"h3\"><span class=\"code\">How to Embed<\/span><\/p>\n<p>You will see the code to enable this group slider on frontend after the group slider is saved.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-product-slider-how-enable.jpg\" alt=\"Magento 2 product slider how enable\" class=\"wp-image-80\"\/><\/figure>\n<blockquote class=\"wp-block-quote\">\n\t<p><a href=\"https:\/\/magerubik.com\/contact\" title=\"Contact Magerubik\">Contact us<\/a> if you face any problems during the installation process.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>1. Overview Magento 2 Product Slider Extension Highlight products on the display screen. Combine the product list according to the<\/p>\n","protected":false},"author":1,"featured_media":579,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magerubik-extensions"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Product Slider Document | MageRubik<\/title>\n<meta name=\"description\" content=\"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Product Slider Document | MageRubik\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"MageRubik\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-15T10:18:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-02T11:42:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hilary howard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/www.twitter.com\/magerubik\" \/>\n<meta name=\"twitter:site\" content=\"@magerubik\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hilary howard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\"},\"author\":{\"name\":\"Hilary howard\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"headline\":\"Magento 2 Product Slider Document\",\"datePublished\":\"2023-03-15T10:18:17+00:00\",\"dateModified\":\"2023-04-02T11:42:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\"},\"wordCount\":275,\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg\",\"articleSection\":[\"Magerubik Extensions\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\",\"url\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\",\"name\":\"Magento 2 Product Slider Document | MageRubik\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg\",\"datePublished\":\"2023-03-15T10:18:17+00:00\",\"dateModified\":\"2023-04-02T11:42:23+00:00\",\"description\":\"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.\",\"breadcrumb\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg\",\"width\":800,\"height\":445,\"caption\":\"Magento 2 product slider\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Magerubik blog site\",\"item\":\"https:\/\/magerubik.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Product Slider Document\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magerubik.com\/blog\/#website\",\"url\":\"https:\/\/magerubik.com\/blog\/\",\"name\":\"Magerubik\",\"description\":\"MageRubik blog site\",\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"alternateName\":\"Magento 2 Extension\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magerubik.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\",\"name\":\"Hilary howard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"width\":265,\"height\":90,\"caption\":\"Hilary howard\"},\"logo\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/localhost\/blog\",\"https:\/\/www.facebook.com\/magerubik\",\"https:\/\/www.instagram.com\/magerubik\",\"https:\/\/www.linkedin.com\/magerubik\",\"https:\/\/www.pinterest.com\/magerubik\",\"https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik\",\"https:\/\/www.myspace.com\/magerubik\",\"https:\/\/www.youtube.com\/magerubik\",\"https:\/\/www.soundcloud.com\/magerubik\",\"https:\/\/www.tumblr.com\/magerubik\",\"https:\/\/www.wikipedia.com\/magerubik\"],\"url\":\"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Product Slider Document | MageRubik","description":"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.","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:\/\/magerubik.com\/blog\/magento-2-product-slider\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Product Slider Document | MageRubik","og_description":"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.","og_url":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/","og_site_name":"MageRubik","article_publisher":"https:\/\/www.facebook.com\/magerubik","article_author":"https:\/\/www.facebook.com\/magerubik","article_published_time":"2023-03-15T10:18:17+00:00","article_modified_time":"2023-04-02T11:42:23+00:00","og_image":[{"width":800,"height":445,"url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg","type":"image\/jpeg"}],"author":"Hilary howard","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/www.twitter.com\/magerubik","twitter_site":"@magerubik","twitter_misc":{"Written by":"Hilary howard","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#article","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/"},"author":{"name":"Hilary howard","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"headline":"Magento 2 Product Slider Document","datePublished":"2023-03-15T10:18:17+00:00","dateModified":"2023-04-02T11:42:23+00:00","mainEntityOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/"},"wordCount":275,"publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg","articleSection":["Magerubik Extensions"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/","url":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/","name":"Magento 2 Product Slider Document | MageRubik","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg","datePublished":"2023-03-15T10:18:17+00:00","dateModified":"2023-04-02T11:42:23+00:00","description":"Magento 2 Product Slider Extension lets you simplify creating special list items in beautifully designed sliders.","breadcrumb":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magerubik.com\/blog\/magento-2-product-slider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#primaryimage","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-product-slider.jpg","width":800,"height":445,"caption":"Magento 2 product slider"},{"@type":"BreadcrumbList","@id":"https:\/\/magerubik.com\/blog\/magento-2-product-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magerubik blog site","item":"https:\/\/magerubik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Product Slider Document"}]},{"@type":"WebSite","@id":"https:\/\/magerubik.com\/blog\/#website","url":"https:\/\/magerubik.com\/blog\/","name":"Magerubik","description":"MageRubik blog site","publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"alternateName":"Magento 2 Extension","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magerubik.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8","name":"Hilary howard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","width":265,"height":90,"caption":"Hilary howard"},"logo":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/localhost\/blog","https:\/\/www.facebook.com\/magerubik","https:\/\/www.instagram.com\/magerubik","https:\/\/www.linkedin.com\/magerubik","https:\/\/www.pinterest.com\/magerubik","https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik","https:\/\/www.myspace.com\/magerubik","https:\/\/www.youtube.com\/magerubik","https:\/\/www.soundcloud.com\/magerubik","https:\/\/www.tumblr.com\/magerubik","https:\/\/www.wikipedia.com\/magerubik"],"url":"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/"}]}},"_links":{"self":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":6,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/575\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/575\/revisions\/611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media\/579"}],"wp:attachment":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media?parent=575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/categories?post=575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/tags?post=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}