ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo 🔥
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase 🔥
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection 🔥
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images 🔥
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards 🔥
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner 🔥
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers 🔥
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Edit product breadcrumbs using metafields
      • Set up quantity rules and volume pricing 🔥
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
Powered by GitBook
On this page
  • How to add a Custom content section
  • How to edit a Custom content section
  • Section settings
  • Block settings
  1. Theme sections

Custom content

A guide to add custom content for showcase extra information

PreviousCountdown timerNextCustom liquid & HTML

Last updated 8 months ago

Utilize the Custom content section to display more information, showcase products, or flaunt customer testimonials.

How to add a Custom content section

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Custom content

  3. Save

How to edit a Custom content section

Section settings

You can modify the Column gap and Row gap in your Custom content section:

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

Image and text blocks

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.

In this block, you can easily add images and change the width and the alignment of the container.

Text with scrolling promotion block

Adjust the Color scheme for this block.

In the Scrolling promotion setting, you can add Text content to to catch shoppers' attention.

To change the scrolling settings, adjust the Direction (Left/ Right) and the Speed (0.1x - 3x) to suit your website's aesthetic.

Similar to the Text block, you can use the provided text field to add a suitable heading/ subheading/ description

Leave it blank if you don't want to display it.

Set up a call-to-action button, text color/size, and text alignment.

Lookbook items and product bundles blocks

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.

For tagging products on the item image, you must add the chosen products. They can be easily adjusted by using vertical/horizontal alignment.

Product and video blocks

Add a product that you want to display for the block. Adjust the container width and alignment.

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.

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

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.

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.

Image card and countdown timer blocks

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.

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 HTML and Custom liquid blocks

You can check the example below on how to display the HTML correctly.

List of blocks you can add for custom content section in Zest
An example of custom content with image and text blocks
An example of lookbook item and product bundles blocks in Custom content
An example of product and video blocks in custom content
An example of blog post and newsletter form blocks in custom content
An example of image card and countdown timer blocks in Custom content
An example of custome HTML and custom liquid blocks in Custom content