Content ElementsProduct Set Filter

Product Set Filter

Sana Commerce 9.2
Your connector

Add Product Set Filter Content Element

The Product Set Filter content element can be added to a flexi-page, product page, and product list page in Sana Admin.

Using the Product Set Filter content element, you can add one or multiple existing product sets to a page. For more information about how to create a product set in Sana Admin, see "Product Sets".

Each product set is shown on a page as a separate group of products. You can switch between different product sets on a page, by clicking on the product set title at the top of the product set content element.

Up to 8 products from a product set are shown at once in the desktop view, 6 in the tablet view, and 4 in the mobile view. If there are more products in a product set, you can see other products using pagination at the bottom of the product set content element.

Thanks to this, the page is not overloaded with a big number of products shown all at once on the page.

See the screenshot in the introduction.

The table below provides description of the product set filter content element settings.

Field Description
Nudge Shows a trail of the animation path.
Reverse out Reverses the direction of the animation.
Fade Adds a fade in effect when moving between different product sets and pages within the product set.
Duration Adjusts the duration of the animation in milliseconds (0ms - 1000ms).
Stagger Adds a delay to the product tiles (0ms - 100ms).
Scale Defines how small a product tile should scale out in the transition (0.01 - 1).
Title Enter product set title. It is shown at the top of the product set filter content element. If you add several products sets, a user will be able to switch between different product sets on a page, by clicking on the product set title.
Product set Add the product set.

Create a page with the Product Set Filter content element and play with the animation settings. See the difference to set up animation the way you like.

Content ElementsProduct Set Filter