Links

Custom content

A guide to add custom content for showcase extra information
An example of custom content section with Zest theme
In order for customers to have a better understanding of the store, you can utilize this "custom content" section to achieve the store's requirements. This can help to showcase extra information regarding the store's recognition.
In this article:

How to add and customize a custom content section?

Steps
  1. 1.
    In the theme editor (Customize), click Add section
  2. 2.
    Locate Custom content
  3. 3.
    Save

Section settings

You can modify the column gap in your Custom content as Large/ Medium/ Small/ No Gap:
Options in column gap settings of custom content

Block settings

There are several blocks that can be added based on the requirements in the screenshot below.
Some blocks are similar as they have appeared in theme sections such as countdown timer, product form (featured product), image cards, etc. Each of them will have its own settings.
List of blocks you can add for custom content section in Zest

Image and text blocks

An example of custom content with image and text blocks
Text block
Image block
Use the provided text field to add a suitable heading/subheading/description. Can leave it blank if merchants do not want to display it. Set up a call-to-action button, text color/size, and alignment.
Custom content's text block settings
Custom content's Text block settings
In this block, you can easily add images and change the width and the alignment of the container.
Custom content: Image block settings

Lookbook items and product bundles blocks

An example of lookbook item and product bundles blocks in Custom content
Product bundles
Lookbook items
Use the provided text field to add a suitable heading/subheading. Can leave it blank if merchants do not want to display it. Control block width and add the products that merchants want to include in the bundles.
Custom content: Product bundles settings
For tagging products on the item image, you must add the chosen products. They can be easily adjusted by using vertical/horizontal alignment.
Custom content: Lookbook item settings

Product and video blocks

An example of product and video blocks in custom content
Product
Video
Add a product that you want to display for the block. Adjust the container width and alignment.
Custom content: Product block settings
Add a Youtube video link and adjust its ratio. The video image cover can be left blank if you want to use the video thumbnail.
Custom content: Video block settings
Use the provided text field to add a suitable heading and change its color and size. Can leave it blank if you do not want to display it. Modify the video button style, size, and video width. Additionally, the video can be played in loop and autoplay when customers visit the site.

Blog post & newsletter form blocks

An example of blog post and newsletter form blocks in custom content
Blog post
Newsletter form
Add an article that you want to display for the block. Adjust container width, alignment, and image size.
Enable/disable showing the published date and author.
Custom content: Blog post settings
Use the provided text field to add a suitable heading/description as well as the email placeholder and button label. Can leave it blank if you do not want to display it. Control form style, and container width.
Custom content: Newsletter form settings

Image card and countdown timer blocks

An example of image card and countdown timer blocks in Custom content
Image card
Countdown timer
Allow you to use the provided text field to add a suitable heading/subheading/description. In case, you want to hide them, simply leave them blank.
Adjust the container width, content position, etc.,
Add a call-to-action button to direct customers to the product detail page. Add a Label then choose a Button style and adjust the Button size.
Custom content: image card settings
Adjust the container width, alignment, and end time of the timer.
Add a call-to-action button to direct customers to the product detail page. Add a Label then choose a Button style and adjust the Button size.
Custom content: Countdown timer settings

Custom HTML and Custom liquid blocks

You can check the example below on how to display the HTML correctly.
An example of custome HTML and custom liquid blocks in Custom content