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

219 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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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