> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/sections/content-showcase.md).
# 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) |