Customize the layout of product's block

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

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

    • Block certain products from the reviews system

      Introduction Use this facility to block a product by product tag or product id to prevent review requests for such products through automated emails, popups and on the product detail form. Here are the steps to block certain products from reviews ...