I am trying to add two nestable sliders on several e-commerce store pages, without success, despite watching hours of videos. Any help would be appreciated.
Slider #1 - I have several products consisting of 3-12 items, and I created archive and single product templates for them. On each single product page, I need to display each item below the product image in a nestable slider. I created a category for each product and added the related items as sub-categories.
Slider #2 - I want to display only four products on the bottom of the home page. I created a category (Best Sellers) and added the four products. The products are handpicked and will remain static/constant for the time being. Here too, I want them to show in a nestable slider. That’s all.
Do I need to build a Query Loop for either of these? How can I accomplish this?
I’m including a pic of four product images, as they appear in the archive template. It’s these, as they appear, that I want to place these inside the nestable slider, and when clicked, redirect visitors to their respective product pages. Four across would work just fine.
Thanks for responding to my inquiry. I watched both of the videos, and many others, but haven’t been able to find a solution, though I’m sure what I want to do is quite simple.
I placed a Slider(Nestable) element inside a Container element on the bottom of the page, and left only one slider, per your instructions; I don’t want/need a button or heading element displayed. For Type, I selected Posts, and for Post Type, Products. For Posts Per Page, I put 4, because that is the number of products I want displayed in the slider. (See pic).
That’s where I’m at. I have no idea how to fetch the four products so they display inside the slider. I have a category titled “Best Sellers,” where those four products reside. All I want to do is place those four product listings inside the slider, and have them clickable.
