Custom section
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Custom section".
Section settings
General
Section width
Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1320px) Width (1420px) Width (1520px) Width (1770px) Full width (100% of the viewport width).
Padding for 'full width' option on desktop
Determine the left and right spacing of the full width layout.
Height
Determine the section height. Auto Small Medium Large Custom
Custom height
(Displayed if the Height setting is set to Custom)
Adjust height manually for 'custom' height option
Layout
Direction
Select the direction in which the blocks are displayed. Vertical Horizontal
Vertical on mobile
(Displayed if the Direction setting is set to Horizontal) Enable to display vertical layout on mobile.
Alignment
Select the position of the content to be either to the left, right, center, or space between its container.
Position
Select the vertical alignment of the text content to be either the top, center, bottom, or space between of the section.
Gap
Determines the row gap of link. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Appearance
Background media
Select the background media from the dropdown menu:
None
Image
Video
Image
(Displayed if the Background media setting is set to Image)
Set up an image.
Image position
(Displayed if the Background media setting is set to Image)
Select the image fit type:
Cover Fit
Video type
(Displayed if the Background media setting is set to Video) Select the type of video YouTube MP4
Video ID
(Displayed if the Video type setting is set to YouTube) Enter your YouTube video ID.
Video ID for mobile
(Displayed if the Video type setting is set to YouTube) Enter your YouTube video ID on mobile.
Video
(Displayed if the Video type setting is set to Mp4) Select an mp4 video available on your store.
Video link for mobile
(Displayed if the Video type setting is set to Mp4) Select mp4 video available on your store for mobile.
Video position
(Displayed if the Video type setting is set to Mp4) Select the video fit type: Cover Contain
Auto-play video
(Displayed if the Background media setting is set to Video) Toggle so that the video will automatically play.
Background overlay
Select this checkbox to use a background overlay for this section
Overlay color
(Displayed if the Background overlay setting is turned on)
Set the background color.
Overlay style
(Displayed if the Background overlay setting is turned on)
Select the gradient direction from the dropdown menu:
Solid
Gradient
Top padding
Desktop
Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet
Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile
Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Bottom padding
Desktop
Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet
Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile
Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
How to use the AI Block Support block?
With Custom Section, you can access Shopify Sidekick and AI-powered tools. You can add some description about the section you want, like "create me a section to display customer reviews" and Sidekick will create it for you, complete with layout and placeholder content.
To add this AI block, please follow the steps below:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Custom section".
Click Add block and choose "Generate".
Enter a description of the section you want.
Result.
Last updated