Learn to deature extra information regarding store's recognition
Last updated
A Custom Content section in a theme is used to provide flexibility in design and layout, allowing you to add unique content such as text, images, videos, or custom HTML code to the pages.
This section enables customization beyond the standard templates provided by , empowering you to create visually appealing and engaging web pages tailored to your specific needs and branding requirements.
Steps
In the theme editor (Customize) > click Add section
Select Custom content
Save
Use the provided fields to add a suitable heading/ subheading/ description.
Leave them blank if you do not want to display them.
You can also adjust the text alignment here as Left/Center.
Select the container type, the background color scheme, and the content color scheme for this section.
You can add a separate background image for the desktop/ laptop/ tablet view, and a separate one for the mobile view.
Here, you can also Enable parallax effect with different Parallax directions:
Vertical
Horizontal
Zoom
You can adjust the column gap between each block on desktop and mobile views.
You can enable/ disable horizontal scroll for mobile users, and the gap between each column in mobile view.
Several blocks can be added based on the requirements.
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.
Use the provided text fields to add a suitable heading/subheading/description.
Leave the fields blank if you do not want to display them.
Control container width, text color/size, and alignment.
Use the provided text fields to add a suitable heading/subheading.
Leave the fields blank if you do not want to display them.
Control container width and add the products that you want to include in the bundles.
Add a product that merchants want to display for the block. Adjust the container width and alignment.
Steps:
Add an article that you want to display for the block.
Adjust container width, alignment, and image size.
Enable/ disable showing published date and author.
Add a YouTube video link and adjust its ratio.
If you want to use the original video thumbnail, leave the video image cover blank.
Use the provided text field to add a suitable heading and change its color and size.
If you don't want to display it, leave the field blank.
Modify the video button style, size, and video width.
Additionally, the video can be played in a loop and autoplay when customers visit the site.
Use the provided text fields to add a suitable heading/ subheading/ description.
Leave the fields blank if you do not want to display them.
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.
You can check the example below on how to display the HTML correctly.
Use the provided text fields to add a suitable heading/description. Leave any of the fields blank if you do not want to display them. Control the container width.