Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ocolus - Products list packery

Annie

Written by Annie

Last updated

410 views

On this page


This section allows you to display products in a packery design and you can add products manually. You can add this section on any page you want.

Steps: In the theme editor (Customize) > Add section > Products list packery > Save.

1. Products list packery content

Click on Products list packery > ADD BLOCK > choose the block you want to add.

You can add many Product and Featured Product in this section.

  • Product: choose a product to show and choose image item

11.png
  • Featured Product: choose a product and config image ratio, image size to make it more special than a normal product.

12.png

2. How to config Products list packery section?

HEADING OPTIONS

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

13.png

GENERAL OPTIONS

  • Show product vendor and countdown when hovering on product item

  • Image ratio, image size, image position

  • Content align: choose align Default or Center

  • Maximum products to show, items per row, and space between items.

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.


Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.