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 whileStyle 2
seperate the content with a gap.Layout position - Choose between
Right
andLeft
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
orLeft.
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