Gallery image

Gallery image on a website captures attention, highlights promotions, delivers breaking news, optimizes space, engages users, enhances aesthetics, and facilitates rapid information dissemination.

Section settings

General settings

Setting	Description
Section width	3 options for container • Stretch width: span the section width regardless of screen size. • Fixed width: depends on your page content width in Theme settings -> Layout. • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors
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 ratio	Customize the ratio of the image
Type	2 options for Type • Carousel • Marquee
Show blurred background	Enable a blurred background
Show Instagram icon on hover	Enable an Instagram icon on hover

Header settings

Setting	Description
Subheading	The subheading of the section
Heading	The title of the section
Enable heading underline animation	Turn on an animated underline effect for headings. Switch off to keep a static look.
Underline style	Choose the underline’s look. Include: • Include: Simple underline – Clean straight line beneath the text. • Curve stroke: Soft, hand-drawn curved stroke for a casual feel. • Squiggle underline: Wavy line for a lively, attention-grabbing look. * Note: Only appears when Enable heading underline animation is enabled
Underline color	Pick the color used for the underline. * Note: Only appears when Enable heading underline animation is enabled
Description	The description of the section
Alignment	The position of the heading and description. • Left • Center • Right

Carousel settings

Setting	Description
Show navigation	Display the next and back controls for the carousel
Show pagination	Display the pagination for the carousel
Column gap	Define the spacing between 2 items
Items per row on desktop	Number of columns to display on desktop devices.
Items per row on mobile	Number of columns to display on mobile devices.

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Section divider

Show divider: Enable a divider

Block settings

Image

Settings	Description
Image	Upload desired image *(303px x 303px recommended)*
Link	The link URL you want to add

Shopify Variant Images As Swatches Add To Cart Not Working Add Custom Javascript Shopify Multi Currency Preview Shopify Theme Shopify Theme Demo Import Shopify Product Media Videos And 3d Shopify Video Autoplay Not Working

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.

Contact Support Submit a Ticket

Purity