Customize Product Block Layout | Design Branded Email Sections with AiTrillion

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:

  1. Select Product Type – Choose the type of products to display (New Arrivals, Trending, Recent Views, or Shopify Collection).

  2. Orientation – Set product display direction (vertical or horizontal).

  3. Products in One Row – Define the number of products shown in a single row.

  4. Total Number of Rows – Set the total number of product rows displayed.

  5. Responsive Block – Ensures mobile-friendly product block arrangement.

  6. Row Padding – Adjust spacing around the row (Left, Right, Top, Bottom).

  7. Card Background Color – Customize the background color of product cards.

  8. 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.

  1. Height

  2. Color

  3. Font

  4. Alignment

  5. Padding

  6. Border

  7. Width

  8. Label

    • Related Articles

    • 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 ...

    • 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 ...

    • 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 ...

    • Customize Site & Product Review Button On Store

      Introduction You can easily customize the review button on your Shopify store. Sample Button shared below: Steps to customize: Follow the below steps to customize the site review button: Step 1: Go to Product Reviews > Settings > General Settings ...

    • Display and Customize the Earn Points Widget

      Introduction In this article, we'll explore how to display the "Earn Points" widget on your store's product detail & collection page and the benefits it brings to your overall customer retention strategy Overview?️ Display earn point widget ...