SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Unsen - Packery collection

Alfred

Written by Alfred

Last updated

540 views

On this page


This section allows you to show products in a packery design and you can add products manually. This section is usually located on Home Page. However, Shopify 2.0 allows you to add the Banner Custom section to any pages that you wanna use.

1.webp

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Packery Collection

  3. Click Save

1. Packery Collection content

In the Packery Collection section, you can click the "Add Product" button to add a product manually to the section.

- Choose Product option: You can choose a product manually here. This option also supports Metafield, so you can configure to choose a different product for different sections.

- Set is this featured product checkbox: Tick on this checkbox to enable this product is a featured product (the product will show bigger than other products).

1.webp

2. How to configure the Packery Collection section?

- Heading design: You can choose a design for the Packery Collection heading here. We have total of 5 heading designs for you to choose.

- Heading align center checkbox: Tick on this checkbox to enable Heading section on the center. If you uncheck this checkbox, the Heading will align left by default.

1.gif

- Heading: You can enter the content that you wanna show on the Packery Collection's heading here.

- Description: You can enter the sub-heading content for the section here.

1.webp

- Collection: You can choose the collection that you wanna show on the Packery Collection section here.

1.webp

- Product packery design: We have a total of 2 designs for product items for you to choose.

1.gif

- Product content align: You can align the Product item content Center or by Default (align: left) here.

- Maximum products to show: You can handle the number of products that you wanna show in the Packery Collection section here.

- Items per row: Configure to show the products per row on the section here. This option also allows you to configure for all devices: Desktop, Tablet and Mobile.

- DESIGN OPTIONS

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

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

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.