Article Box

The Article Box element allows you to create a custom blog grid section and display multiple articles in a flexible, organized layout. You can also add Blog elements inside the Article Box to customize the information displayed for each article.

You can easily access the Article Box from the Element sidebar, then customize its content and design to match your needs. For example, you can create a three-column article grid to showcase three different blog posts.

In this guide, we will use elements from the Blog Post tab to display article information inside the Article Box. The content is automatically retrieved from your Shopify blog posts, so please make sure the required content has been added in Shopify before proceeding.

Before publishing your page, make sure to check how each section appears on desktop, tablet, and mobile devices.

EComposer allows you to easily switch between different device views directly in the editor. This helps you customize the layout, spacing, typography, and other settings for each screen size.

Use the responsive device toggles at the top of the editor to preview your content and ensure it displays correctly across common device sizes.

You can apply different style settings to elements for each screen size. After selecting an element, open the Design tab in the editor sidebar, then click the device icon next to the style setting you want to customize.