The first step in creating your online store is to add the Products Screen to your workspace.
To add the e-commerce component on a page of your website:
1. Click on the Elements icon
2. Click on E-commerce
3. Click on Products screen
You can change the products screen as you like:
1. Click on the Products Screen component
2. Click on Edit
3. Click on E-commerce management to configure your e-commerce [link Configure your online store]
4. Click on the pencil icon to change the preview settings. You can change the number of products per line, the height and margin of the images, the lines of text and the number of previews per page
5. Click Image Settings to change the size of the images in the tab or in the pop-ups
6. Click Colors to change the background of the previews and buttons
7. Click on Text Style to change the font and size of the product, price and button titles
8. Click Advanced to:
- Activate or deactivate the search bar
- Sort the products in alphabetical order, by price, by insertion date, by code or by quantity)
- Show or not the prices with VAT
- Activate the zoom
- Customize the elements (label, view button, quantity available, number of articles, Social icons)
- Animate the preview
- Filter by category [Link]
- Choose how the products are displayed (Pop-up or Landing Page)
The landing page must contain the Product Sheet component
Good to know: The landing page must contain the Product Sheet component. It is possible to set the same page as the landing page where the Product Search component is present, so that the Products Screen component of the ecommerce is also present.
How to create a landing page for displaying products
1. Right click on the Toolbar
2. Click on the page icon
3. Click on a new page and give the page a name (eg Destination Page)
4. Select the Product Detail template from the page templates.