Grid combines different content types inside one responsive column layout. Use it when a predefined Radian section cannot create the required mix of products, collections, text, and media.

Add Grid to the template where you want customers to see it.

1. From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
2. Use the page selector at the top of the Theme Editor to open the required template.
3. In the template panel, select Add section, choose Grid, and select Save.

1. Set the section width, color scheme, desktop height, and mobile height.
2. Choose the number of mobile columns and set the desktop and mobile gaps.
3. Select Add block and add the required content blocks.
4. Drag blocks into the intended desktop order.
5. Enable Customize for mobile when the mobile layout needs a different order.

Select each block after adding it to configure its source, content, alignment, media, and spacing. Group related content before adjusting the grid so it moves as one item.

1. Add the minimum blocks needed for the composition.
2. Finish the desktop block order, height, and gaps.
3. Switch to mobile preview and choose the mobile column count.
4. Enable mobile customization or swipe only when the default stacked layout is not suitable.
5. Test every product, collection, button, and Custom Liquid output before saving.