Populating Carousels by Field
Thanks to Model Railways there is a new carousel type on the store. This carousel only works on product pages. The new carousel type allows you to enter product codes (item lookup codes) into a PAM field, map these to a custom text field and have these items display in the carousel.
Use Case
The beauty of this new carousel is:
- You can create a single carousel in the WSM;
- Name it appropriately;
- Populate it directly from PAM;
It is like being able to make a manually populated carousel for EACH product page on your store but only have to create and insert a single carousel in the NitroScript.
If a template calls a carousel that has no products, nothing is rendered.
Data Entry
Heavy use of the filtering ability of PAM is suggested here so that you can display similar groups of products that will have the same items in their carousel.
Example
In the following example I have filtered out the alcohol I sell on my store and have decided to encourage the beer drinkers to try wine and the wine drinkers to try beer. Item lookup codes in this store are EANs.
- I started by creating a string field (or attribute) in PAM (as described in this video) called carousel.
- I have entered the item lookup codes for the beer I sell into the carousel column beside my wines;
- I then entered the item lookup codes for the wine I sell into the carousel column beside my beers;
- This is then mapped in NscSync to an unused custom text field;
- In the WSM Carousel Builder I then created a carousel and set it to be populated by field in the Populate Carousel tab.
- I can then enter the NitroScript tag {includeCarousel(“CAROUSELNAME”)} (as described here) into the product template. I entered mine around line 150 above the tag that includes the social sharing panel;
