Image with products

Last Updated onJuly 30, 2023

Image with text helps to introduce features, collections or products in an elegant manner. It typically features a prominent image or graphic, followed by a products block that displays collection of products.

To add the Image with products,

  1. Go to Online Store > Themes and click Customize in your Shopify admin
  2. Then click Add section under Templates area. Now you can choose Image with products from the list.
General SettingsDescription
HeadingIt allows you to display the heading text
Heading tagSet the tag for the heading
Button LabelIt allows you to display the button
Button URLIt allows you to display the link for the button
Button targetSet the link to open in new tab or same tab.

You can also find common section settings inside the Image with products.

Blocks

Image with products includes two dedicated blocks that can’t be repeated. Below you can find the list of blocks belonging to Image with products

  1. Image
  2. Products

Products

You can find the following settings inside the Featured collection,

General SettingsDescription
Collection choiceSet the choice of collection to display the products.
Number of columnsSet the number of products to display in a row.
Number of rowsSet the number of rows to display.
Use gapIt allow to set the gap between products.
GapSet the amount of space between each products.
Use carouselIt allow to products to display as carousel.

Along with above settings, this block also includes with common carousel settings

Image

Image block allow you to display main image & optional image for explaining the purpose of the section. You can find the below settings,

General SettingsDescription
ImageIt will display the image
Aspect ratioSet aspect ratio of the image
Image 2(optional)It will display the additional image as side of the main image
Aspect ratioSet aspect ratio of the additional image
Images split ratioSet the images split ratio to control image sizes
GapGap between images