Customize the layout of product's block
Introduction:
This article provides insights into the layout of product blocks for emails, showcasing how products are displayed.
To edit a product block, follow these steps:
1.) Click on the block where the products are displayed.
2.) Each element provides various settings that allow you to customize how products are displayed, including:
-
Select Product Type – Choose the type of products to display (New Arrivals, Trending, Recent Views, or Shopify Collection).
-
Orientation – Set product display direction (vertical or horizontal).
-
Products in One Row – Define the number of products shown in a single row.
-
Total Number of Rows – Set the total number of product rows displayed.
-
Responsive Block – Ensures mobile-friendly product block arrangement.
-
Row Padding – Adjust spacing around the row (Left, Right, Top, Bottom).
-
Card Background Color – Customize the background color of product cards.
-
Card Border – Add/Enable or Hide/disable borders around product cards.
3.) You also have the following options to customize in the Image, name, price, and button.
-
Height
-
Color
-
Font
-
Alignment
-
Padding
-
Border
-
Width
-
Label
Related Articles
Setup Recently Viewed Product Recommendations
Introduction Let your shoppers reconsider the products and make that purchase with the recently viewed feature. This is a step-to-step guide for the setup of Recently Viewed Product Recommendations on your Shopify store. Here are the steps to setup ...Setup Trending Product recommendations on your Shopify Store
Introduction Trending products can be displayed on the homepage, in the navigation menu, or in a dedicated section of the website, and they can help customers to see which products are currently in demand and popular on the website. Here are the ...Setup New Arrival Product recommendations for your Shopify store
Introduction Present your newly arrived products to your customers so that they can buy your latest products. Here are the steps to setup new arrival product recommendations: Step 1: Head over to Product Recommendations> New Arrivals Step 2: Make ...How to customize Layout Setting of Product Recommendations?
Introduction This is a article to fine-tune your product recommendation layout and display and make the system blend seamlessly with your Shopify store. Here are the steps to customize layout settings of product recommendations: Step 1: Head over to ...How do I customize the look and feel of the product recommendation carousels?
Introduction Use the new product card feature by AiTrillion to easily configure the look and feel of the carousels on the front end of your store. Here are the steps to customize the look and feel of carousels in product recommendations: Step 1: Head ...