Product page

Section class: product-section

Supported blocks

• _sidebar

Settings

Setting	ID	Type	Default	Description
Enable full width	full_width	checkbox	false
Section class	class	text	py-12 md:py-20	Tailwind utilities for this section. Space separated, e.g. mt-2 mb-4 px-6. Spacing scale: 0-10 plus 15 and 20 (1 = 0.25rem = 4px); responsive with md: / lg:, e.g. lg:px-20 lg:mt-10.
Enable sticky on scroll	enable_sticky_columns	checkbox	false
Position	breadcrumbs	select	below
Link color	breadcrumbs_color	select	secondary
Custom text color	breadcrumbs_link_color	color	#111827	Only used when Link color is Custom.
Alignment	breadcrumbs_align	text_alignment	center
Gap (desktop)	gap	range	3	Spacing scale, 1 = 0.25rem (4px). gap only supports 0-10.
Gap (mobile)	gap_mob	range	2	Spacing scale, 1 = 0.25rem (4px). gap only supports 0-10.
Gallery width	gallery_width	range	50	Gallery settings go to block [Product gallery] below.
Enable sticky 'Add to cart'	enable_sticky_buy	checkbox	true
Sticky with full width	sticky_fullwidth	checkbox	false
Width	sticky_width	range	50
Position	sticky_buy_position	text_alignment	center
Show on mobile	sticky_buy_mob	checkbox	true
Button size	sticky_buy_btn_size	select	px-4 py-2 text-base
Show add to cart button	sticky_show_addtocart	checkbox	true
Add to cart button behavior	sticky_buy_behavior	select	add_to_cart
Add to cart button style	sticky_buy_btn_style	select	btn-outline
Add to cart button color	sticky_buy_btn_color	color	#111827
Add to cart button radius	sticky_buy_btn_radius	select	rounded-2xl
Buy now button label	sticky_buy_buynow	text
Buy now button style	sticky_buy_btnbuy_style	select	btn
Buy now button color	sticky_buy_btnbuy_color	color	#dc2626
Buy now button radius	sticky_buy_btnbuy_radius	select	rounded-md

Option values

• Position (breadcrumbs): Above top banner (above), Above page title (above-title), Below banner text (below-text), Below top banner (below), Hide (hide)
• Link color (breadcrumbs_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom)
• Button size (sticky_buy_btn_size): 3 Extra Small (px-2 py-1 text-3xs), 2 Extra Small (px-2 py-1 text-2xs), Extra Small (px-2 py-1 text-xs), Small (px-3 py-1.5 text-sm), Medium (px-4 py-2 text-base), Large (px-5 py-2.5 text-lg), Extra Large (px-6 py-3 text-xl), 2X Large (px-8 py-4 text-2xl), 3X Large (px-10 py-5 text-3xl), 4X Large (px-15 py-6 text-4xl), 5X Large (px-15 py-7 text-5xl), 6X Large (px-20 py-8 text-6xl), 7X Large (px-20 py-10 text-7xl), 8X Large (px-20 py-10 text-8xl), 9X Large (px-20 py-10 text-9xl)
• Add to cart button behavior (sticky_buy_behavior): Add to cart (add_to_cart), Scroll (scroll)
• Add to cart button style (sticky_buy_btn_style): Button (btn), Outline (btn-outline)
• Add to cart button radius (sticky_buy_btn_radius): Square (rounded-none), Rounded small (rounded-md), Rounded large (rounded-2xl), Pill (rounded-full)
• Buy now button style (sticky_buy_btnbuy_style): Button (btn), Outline (btn-outline)
• Buy now button radius (sticky_buy_btnbuy_radius): Square (rounded-none), Rounded small (rounded-md), Rounded large (rounded-2xl), Pill (rounded-full)

💡 Edit via Shopify Admin → Online Store → Themes → Customize.