TABLE OF CONTENTS
The template describes a rendering format - a layout for products on your webpage. VueX v1.0 supports carousel and tabbed carousel templates - more templates will be added in subsequent releases of VueX.
The template allows you to specify the layout of the recommendation module on the website. For example, you can set up a recommendation on your home page with a carousel template that allows customers to scroll through a collection of products. VueX provides options to format and style templates using the template builder. You can also customize the template by adding custom code to the CSS file provided by VueX.
Note: If you use APIs to populate the content of the module then you must use your own layouts/UI to display the recommendations on the website.
Create a Template
- Choose Assets > Templates from the top navigation bar.
- Click New Template.
Enter a name for your template.
Click Select Template Type and select the template you want to create. The Manage Template page is displayed.
Choose Desktop to create the template for a desktop site or choose Mobile to create a mobile site template.
Edit the following template fields. You can view the formatting changes in the Template Preview pane.
- Click Upload/Edit CSS to edit the preset template CSS file provided by VueX and modify/add your own code. Editing the code will override any changes made using the template editor.
Click Save to save the changes.
Note: Click Download Help Guide at the bottom for any information you may need regarding modifying the CSS file.