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,
- Go to Online Store > Themes and click Customize in your Shopify admin
- Then click Add section under Templates area. Now you can choose Image with products from the list.
|It allows you to display the heading text
|Set the tag for the heading
|It allows you to display the button
|It allows you to display the link for the button
|Set the link to open in new tab or same tab.
You can also find common section settings inside the Image with products.
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
You can find the following settings inside the Featured collection,
|Set the choice of collection to display the products.
|Number of columns
|Set the number of products to display in a row.
|Number of rows
|Set the number of rows to display.
|It allow to set the gap between products.
|Set the amount of space between each products.
|It allow to products to display as carousel.
Along with above settings, this block also includes with common carousel settings
Image block allow you to display main image & optional image for explaining the purpose of the section. You can find the below settings,
|It will display the image
|Set aspect ratio of the image
|(optional)It will display the additional image as side of the main image
|Set aspect ratio of the additional image
|Images split ratio
|Set the images split ratio to control image sizes
|Gap between images