Image box
General settings
Image
Image
Allows you to upload or select an image from the media library to be displayed within the image box component.
Link
Assigns a URL to the image, making it clickable. Accepts internal store links (products, collections, pages) or external URLs.
Image ratio
The image ratio for the featured images of the blog posts:
Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
Portrait - Crops the images to use a 3:4 ratio.
Square - Crops the images to use a 1:1 ratio
Landscape - Crops the images to use a 4:3 ratio
Image position
Determines the placement of the image in relation to the accompanying text content within the image box.
Top – Positions the image above the text.
Left – Places the image to the left of the text.
Right – Places the image to the right of the text for mirrored side-by-side layouts.
Image spacing
Sets the amount of space separating the image from its accompanying text within the image box.
Top/Bottom padding
Adjust these values to control the amount of space between the section’s content and its outer edges.
Content
Heading
Serves as the title or main label for the item, drawing attention and summarizing the content or purpose of the image.
Description
Provides supporting information or context beneath the heading, offering additional details to help visitors understand the image’s relevance or message.
Typography and Padding
Preset
This element inherits the font preset defined in the Theme Settings, ensuring consistent typography across the storefront.
Alignment
Determines the horizontal positioning of the content. Available options:
Left: align content to the left
Center: center content horizontal
Right: align content to the right
Top/Bottom padding
Adjust these values to control the amount of space between the section’s content and its outer edges.
Last updated