Highlight showcase

Overview:

The Highlight Showcase section is designed to showcase selected products in a clean, visually engaging card layout. It supports featured product selection, custom excerpts, typography controls, call-to-action buttons, responsive layouts, color schemes, and spacing settings. This section is ideal for highlighting best-selling products, featured items, seasonal picks, or promotional products with concise product-focused messaging.

Blocks Configuration

Product Block:

The Product block displays an individual featured product card inside the showcase section.

Product Settings

Setting	Description
Product	Selects the Shopify product displayed inside the showcase card.
Excerpt	Displays supporting product text or promotional messaging below the product title.

Card Settings

Product Heading Typography:

Setting	Description
Card Heading Size	Controls the size of product headings such as H1–H6, Large, Medium, or Small.
Card Heading Weight	Adjusts the font thickness of product headings ranging from Thin (100) to Black (900).
Card Heading Case	Changes the text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Card Heading Tag	Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes.
Card Heading Font Family	Allows switching between Default and Body font family styles.
Card Heading Color Style	Applies predefined color styling to product headings.

Product Text Typography:

Setting	Description
Text Size	Controls the size of product description text such as Large, Medium, or Small.
Text Weight	Adjusts the font thickness ranging from Thin (100) to Black (900).
Text Case	Changes the text transformation style such as Uppercase, Lowercase, Capitalize, or Default.
Text Font Family	Allows switching between Default and Heading font family styles.
Text Color Style	Applies predefined color styling to product text.

Button Settings:

Setting	Description
Button Label	Defines the text displayed on the CTA button such as View Details.
Button Style	Controls button appearance such as Primary or Secondary style.
Button Case	Changes the text transformation style for button text.
Open Link in New Tab	Opens product links in a new browser tab when enabled.

Layout:

Setting	Description
Container Layout	Determines whether the section uses Contained, Contained Content, or Full Width layout.
Container Width	Controls the maximum width of the section container on desktop devices.

Color Scheme:

Setting	Description
Section Color Scheme	Applies a predefined color palette to the highlight showcase section background and content.