Custom content

A guide to add custom content for showcase extra information
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?​
​Custom content: Section settings​
​Custom content: Block settings​
​Image with text blocks​
​Lookbook items and product bundles blocks​
​Product and video blocks​
​Blog posts and newsletter form blocks​
​Image card and countdown timer blocks​
​Custom HTML and Custom liquid blocks​
How to add and customize a custom content section?
Steps
1.In the theme editor (Customize), click Add section
2.Locate Custom content
3.Save
Section settings
You can modify the column gap in your Custom content as Large/ Medium/ Small/ No Gap:
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.
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.
In this block, you can easily add images and change the width and the alignment of the container.
Lookbook items and product bundles blocks
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.
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
Product
Video
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
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.
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
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.
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.