I need to customize my collection page

Store Design

Topic summary

Goal: vary product card sizes on a Shopify collection page (masonry/variable tiles similar to the Prestige theme demo). Current setup shows uniform product cards; requester asks if custom code can achieve the look.

Key inputs and options:

  • Achievable today via custom code and by using themes that support variable card layouts; third‑party apps can also enable this.
  • Shopify is rolling out a native feature to free themes to support such layouts; availability is limited and store-dependent for now.
  • Immediate tweak suggested: change “Desktop: products per row” in Online Store > Themes > Customize > Collections > Default collection (screenshot provided). Note: this alters columns per row, not true variable card sizes.

Considerations:

  • The native feature’s timeline and eligibility weren’t specified; waiting may be viable if using a free theme and willing to adopt the rollout when available.
  • For a guaranteed result now, a developer or compatible theme/app is required to implement a masonry/variable grid.

Status: No confirmed resolution from the requester. Open question: implement custom/app-based solution now vs. wait for Shopify’s native rollout.

Summarized with AI on December 26. AI used: gpt-5.
1

Hello

I would like to customise my products on my collection page, to all be varying in size, similar this template https://themes.shopify.com/themes/prestige/styles/allure/preview?catalog-size%5B%5D=10-to-199-products&industry%5B%5D=clothing&price%5B%5D=paid&surface_detail=clothing&surface_inter_position=1&surface_intra_position=1&surface_type=industry > about > our story.

Currently all the products look like this https://3g2hg5x82o6sw9ju-58449428658.shopifypreview.com

Is it possible with custom code? Please help!

2

It’s possible with custom code as well as some themes that offer it. Soon it will be a native feature to Shopify free themes as well. They have started rolling it out to certain stores already. Some of my clients have been chosen. There are also apps that will give you the ability.

3

Hi @BodyFirstFitnes

Please try to change option Desktop: products per row in Online Store > Themes > Customize > Collections > Default collection

Screenshot 2024-06-24 at 09.34.58.png
Screenshot 2024-06-24 at 09.34.58.png1729×771 168 KB

Best regards,
Dan from Ryviu