{"id":866,"date":"2025-01-18T07:39:31","date_gmt":"2025-01-18T07:39:31","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=866"},"modified":"2025-02-03T06:17:32","modified_gmt":"2025-02-03T06:17:32","slug":"woocommerce-product-slider","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/01\/18\/woocommerce-product-slider\/","title":{"rendered":"WooCommerce Product Slider"},"content":{"rendered":"<div class=\"nolwrap\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"945\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/streamit-theme-woocommerce-product-slider-widget.png\" alt=\"\" class=\"wp-image-867\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Slider Section<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Change the title displayed at the top of the product slider.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Select Product<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Select Product<\/strong>: Choose the products to display from the dropdown list.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Order<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Order By<\/strong>: Select the ordering criteria from the dropdown (e.g., ascending or descending).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Products per Slide<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Products per Slide<\/strong>: Set the number of products displayed per slide (numeric input).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>View All Button<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Use View All Button<\/strong>: Toggle (Yes\/No) to enable or disable the &#8216;View All&#8217; button.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, additional options appear:\n<ul class=\"wp-block-list\">\n<li><strong>View All Custom Link<\/strong>: Toggle (Yes\/No) to use a custom link.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following fields:\n<ul class=\"wp-block-list\">\n<li><strong>Custom Link Text<\/strong>: Add text for the &#8216;View All&#8217; label.<\/li>\n\n\n\n<li><strong>Custom Link<\/strong>: Provide the URL for redirection.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Display Products from Specific Category<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Display Product from Specific Category<\/strong>: Select the desired product category from the dropdown list.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Slider Control Section<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Responsive Card Rendering<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Desktop View<\/strong>: Set the number of cards rendered per row for desktop devices.<\/li>\n\n\n\n<li><strong>Laptop View<\/strong>: Set the number of cards rendered per row for laptops.<\/li>\n\n\n\n<li><strong>Tablet View<\/strong>: Set the number of cards rendered per row for tablets.<\/li>\n\n\n\n<li><strong>Mobile View<\/strong>: Set the number of cards rendered per row for mobile devices.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Autoplay Settings<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Autoplay<\/strong>: Toggle (True\/False) to enable or disable automatic sliding.<\/li>\n\n\n\n<li><strong>Autoplay Speed<\/strong>: Set the speed of the autoplay in milliseconds.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Infinite Loop<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Infinite<\/strong>: Toggle (True\/False) to enable or disable infinite looping of the slider.<\/li>\n\n\n\n<li><strong>Speed<\/strong>: Set the speed of the slide transition in numeric values.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Arrow Navigation<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Arrow<\/strong>: Toggle (True\/False) to enable or disable arrow navigation for the slider.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-866","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":1,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/866\/revisions"}],"predecessor-version":[{"id":868,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/866\/revisions\/868"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/128"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}