How do I add Visuals to the Builder?

The product list on your website can appear as a long list of products to your visitor. To make the product page more visually appealing, you can use 'Visuals' in the Builder, which is part of the Content package. This ensures that visual elements are added to the product overview. For example, as shown in the image below.
​

To use Visuals in the Builder, you can contact your Customer Success Manager.

First, it is necessary to add these Visuals to the feed. Read here how you can do that: https://docs.tweakwise.com/reference/promotional-content-lister-pages

Once the data is in the feed, inform your Customer Success Manager so that configurations can be prepared.

When the configuration is ready, you can easily add Visuals in the Builder.

To do this, go to the module Merchandising -> Builder -> Open the template you want to modify -> Search the position you want to place the Visual and select the '+' on the hover -> Here you will find the Visual component .
​

Select the component and select the Visual in the dropdown in step 2 . -> Choose 'Insert on position 'x' and you will see it set up on the position you choose.

​
Once you have saved the template, you can link it to the category for which you want to use this template. Go to Catalog -> Categories -> Select the desired category -> Choose the desired template under Merchandising Builder.
​
​

​
This functionality works out-of-the-box in our JavaScript implementation. For implementing this functionality via API, please refer to our documentation.
The feature is available in Magento from version:

We have described the documentation on the values used at Item types (tweakwise.com), and the implementation of Visuals is described via Visual in lister pages (tweakwise.com) .