Image with details

The Image with details section is great component that would work perfectly on product pages. The idea of this section is to allow you to show extra infomation about a product, such as ingredients or instructions, in an easy to read and clean layout. Each block, when used, is a row that contains the Heading and body text. You could choose to add static content that every product inherits, but using custom data, really takes your page to the next level by offering customer detailed information about your product, building trust with potential buyers at the same time.

Getting Started

• Go to Online store → Theme → Customise

• By default, you will not see this section pre-loaded

• Scroll to the bottom of the panel and Add section

How do i customise the Image with details with image section settings?

• Top/bottom padding - this controls the ammount of whitespace above and below this section

• Upload image - 1000x1000 pixel jpg format is recomended, to replace the placeholder image.

• Video - Instead of an Image, you can upload an MP4 video that will be hosted on Shopify to replace the placeholder image.

• Color scheme - pick a theme color profile to change the style of this section

• Heading - Add a strong call to action to introduce the section

• Layout style - Choose between 2 styles, Style 1 connect the text and image while Style 2 seperate the content with a gap.

• Layout position - Choose between Right and Left Left is selected by default and will show the content on the left and image on the right. If you choose Right, this will reverse the layout.

• Content position - Choose between Top Middle or Left. If top is selected, the content will move upwards, Middle will vertical align content to the center or at the bottom of the section.

How do i customise the Image with details block settings?

By default, 2 blocks which are named as Heading are preloaded when you add this section, a max of 3 blocks can be added.

• Heading - Add a strong call to action to introduce the section

• Body text - Add extra information to explain your store, products or offers