Product Element | Advanced Page

4. EC + SC (EN).png

You can add "product element" and "category element" on the advanced page. Let your page directly present the products to be introduced so that consumers can quickly view your products!

 

1. Add a new element

Click on the Build menu on the left. Drag and drop the element you want to add to the designated region.

_____2017-02-21___3.42.12.png

 

When dragging the element to the editing workspace, the region where the element can be dropped will be highlighted in green.

Drag_Drop_English___1_.gif

 

2. Add Single Product Element 

_____2019-08-30___4.31.09.png

After placing the product element, select the product you want to show (you can search by product name or tag). Click Save to add the product 

_____2017-01-18___12.17.38.png

 

Selected products will appear in the field on the left. You can click the Change button to switch to another product.

_____2017-01-18___12.22.36.png

 

"Description Alignments Settings" configures the position of product name and price.
It is set as "Align to left" by default. You may change alignment to the center or right

_____2017-01-18___12.25.27.png

*The original product element will be blank if the product is unpublished or hidden.

 

3. Add Category Element

Select the category you want to display.

Screen_Shot_2022-07-28_at_3.41.44_PM.png

 

4. Element Setting

You can choose whether to "Show Title/Description", "Instant Add to Cart" and "URL Settings" in "Settings" in the editing area;

The "Category element" can set the number of products displayed on each page, and the default is to show the top 24 products in the category automatically.

Screen_Shot_2022-07-28_at_3.49.54_PM.png

 

If you enable the "Instant Add to Cart" function, customers can directly add products to the cart by clicking the Add to Cart button and continue browsing the page without jumping to the product page.

Screen_Recording_2022-07-28_at_4.16.50_PM.gif

  

Read more

 

 

 

 

 

Have more questions? Submit a request

Comments