How to Customize Grid Layout in Web

You can control how many product cards appear in a row on your homepage and product page using the Custom Grid feature.

1. Step 1: Open Your Store Admin Panel

   • Login to your BuildMyStore dashboard.

   • On the left-hand side, you’ll see the navigation menu.

2. Step 2: Go to the Store Builder

   • From the menu, click on the “Store Builder” option.

   • Two sub-options will appear:

     • Store Web

     • Store Web

3. Step 3: Select “Store Web”

   • Click on the “Store Web” option.

   • This will open a new interface with various customization tools for your web store.

4. Step 4: Click on “Customise Grid”

   • In the new interface, locate and click on the “Customise Grid” section.

   • This will open the grid layout settings panel.

5. Step 5: Configure Grid Settings

   You will see two customization sections:

   • Homepage Custom Grid

     • Allows you to set how many product cards are shown per row on the homepage.

     • Maximum: 6 items per row

   • Product Page Custom Grid

     • Lets you control the product grid layout on individual product pages.

     • Maximum: 5 items per row

     • Each section includes a sample preview below, so you can instantly see how the layout will appear on your website.

6. Step 6: Select the Number of Grids

   • Use the dropdown or input box to select the desired number of grids per row in each section.

7. Step 7: Save Your Settings

   • After setting the grids, click on the “Save Settings” button at the bottom.

   • Your custom grid settings will now be applied to your live store.

• And that’s it! Your store layout is now customized to fit your product display preference.