Home Forums WoodMart support forum [URGENT] Assistance Required: Replicating Product Grid Design from Reference Lin

[URGENT] Assistance Required: Replicating Product Grid Design from Reference Lin

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #715581

    kevinfly007
    Participant

    Hello WoodMart Team,

    I am in an extremely urgent situation as my website needs to go live immediately. I am trying to replicate a specific product section design from the following Shopify reference link:
    👉 Link: https://themes.shopify.com/themes/pebble/presets/wellina

    I have also attached screenshots of the specific product modules from this demo for your reference.

    1. The Issue with My Current Setup:
    Following your official documentation, I tried to use the WoodMart Layout Builder with Gutenberg to recreate the “Find your supplement” section. However, I am unable to achieve the same visual aesthetic. In my attempt, the layout appears too small, and the spacing and overall professional feel are completely different from the Pebble/Wellina example.

    2. Urgent Request for Implementation:
    Because of my tight deadline, I would be very grateful if you could log in to my site and help me build this homepage section properly. I need it to match the scale, typography, and clean look of the reference link.

    3. Question on Global Consistency:
    Once this design is implemented:

    Will this specific style become the default for my site?

    If I use other WoodMart product elements or “Product Grid” modules in the future, will they automatically inherit this same style and effect? My goal is to ensure that all product displays across the entire site remain consistent without manual adjustments every time.

    Site Credentials:
    I have provided my site URL and admin login details in the Private Content area.

    Please help me get this done as soon as possible so I can launch my store. Thank you so much for your professional support!

    Best regards,
    [kevin]

    Attachments:
    You must be logged in to view attached files.
    #715644

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    The design you are referring to is mainly related to the product grid (product loop) styling.
    In WoodMart, you can control this globally by navigating to:

    Theme Settings > Product archive > Product loop:

    Here you can:

    • Choose different product styles
    • Adjust spacing, hover effects, and layout appearance

    If the default styles are not enough to match the exact design, you can create a custom product grid using the Layout Builder.

    Please follow this guide on how to create it: https://xtemos.com/docs-topic/product-loop-item-layout-builder/

    Best Regards,

Viewing 2 posts - 1 through 2 (of 2 total)