> 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/related-product.md).

# Related product

Display related products to encourage customers to discover similar items and continue shopping.

## How to access

1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Open a **Product** template and select **Related products**.

## Section Settings

<div><figure><img src="/files/h6C1VEXZ1mYe2QMpnsyh" alt=""><figcaption></figcaption></figure> <figure><img src="/files/mcG9wzpWZ7FQJqY2gDLi" alt=""><figcaption></figcaption></figure> <figure><img src="/files/B9I5sQUaCKp99aosz5KR" alt=""><figcaption></figcaption></figure></div>

| Setting                       | Description                                                                                                                                 |
| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout                        |                                                                                                                                             |
| Expand to full width          | Extends the section to the full browser width.                                                                                              |
| Color scheme                  | Sets the background and text colors.                                                                                                        |
| Background opacity            | Controls the background opacity.                                                                                                            |
| Content                       |                                                                                                                                             |
| Heading                       | Section heading text.                                                                                                                       |
| Heading size                  | Size of the heading: Small, Medium, or Large.                                                                                               |
| Text                          | Adds supporting text to the section.                                                                                                        |
| Text position                 | Shows the text above or below the heading.                                                                                                  |
| Desktop content alignment     | Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.                |
| Maximum products to show      | Sets the maximum number of related products displayed.                                                                                      |
| Product card                  |                                                                                                                                             |
| Show vendor                   | Displays the product vendor.                                                                                                                |
| Show description              | Displays the product description.                                                                                                           |
| Show card swatch              | Displays color or variant swatches on the product card.                                                                                     |
| Show secondary image on hover | Displays the secondary product image when hovering over the product card.                                                                   |
| Show quick add option         | Displays a quick add button on the product card.                                                                                            |
| Column alignment              | Aligns the product card content: Left, Center, or Right.                                                                                    |
| Aspect ratio                  | Sets the product image aspect ratio.                                                                                                        |
| Column settings               |                                                                                                                                             |
| Desktop columns               | Sets the number of product columns displayed on desktop.                                                                                    |
| Mobile columns                | Sets the number of product columns displayed on mobile.                                                                                     |
| Carousel settings             |                                                                                                                                             |
| Enable carousel               | Displays the products in a carousel.                                                                                                        |
| Change slides every           | Automatically changes slides after the selected number of seconds. Set to 0 to disable autoplay.                                            |
| Gap                           | Controls the spacing between product cards.                                                                                                 |
| Pagination                    | Sets the carousel navigation: Dots, Arrows, or None.                                                                                        |
| Pagination style              | Sets the pagination style: Classic or Modern.                                                                                               |
| 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. |