Content showcase

Displays a large content area with text, inline images, collections, and products to highlight important information.

How to access

1. Go to Shopify Admin → Online Store → Themes.

2. Click Customize on your active theme.

3. Click Add section and choose Content showcase.

Section Settings

Setting	Description
Layout
Color scheme	Sets the background and text colors.
Background opacity	Controls the background opacity.
Content
Customize width of content	Controls the maximum width of the content area.
Text	Adds a text above the main content.
Long text content	Adds the primary content displayed in the showcase.
Description	Adds supporting text below the main content.
Button label	Sets the button text. Leave blank to hide the button.
Button link	Selects the page or URL the button links to.
Button style	Sets the appearance of the button: Primary, Secondary, Primary outline, Secondary outline, or Link.
Desktop content alignment	Alignment of the section content on desktop: Left, Center, or Right.
Section padding
Top side	Space above the section.
Bottom side	Space below the section.
Section divider
Shapes	Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border.
Theme Settings
Custom CSS

Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

Image

Adds an inline image inside the content.

Setting	Description
Image	Selects the image to display.
Width	Controls the image width.
Position	Sets the position where the image appears.(Example: Adjust the range to 3, the image will show after the third word)
Link	Selects the page or URL the image links to.
Open this link in a new window	Opens the linked page in a new browser tab.

Collection

Displays a collection within the content.

Setting	Description
Collection	Selects the collection to display.
Image	Selects a custom image for the collection. This image replaces the collection image.
Width	Controls the image width.
Image position	Sets the position where the image appears.(Example: Adjust the range to 3, the image will show after the third word)

Product

Displays a product within the content.

Setting	Description
Product	Selects the product to display.
Image	Selects a custom image for the product. This image replaces the product image.
Width	Controls the image width.
Image position	Sets the position where the image appears.(Example: Adjust the range to 3, the image will show after the third word)