> 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="https://1040996881-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8OiMl9SqYX9uxagJM84a%2Fuploads%2Fgit-blob-e810c7e504f2be691e031524120742f0c7cea6d3%2FScreenshot_131.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://1040996881-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8OiMl9SqYX9uxagJM84a%2Fuploads%2Fgit-blob-15a3c54563d279597d7916ee8efaba02a7f024a2%2FScreenshot_132.png?alt=media" alt=""><figcaption></figcaption></figure> <figure><img src="https://1040996881-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8OiMl9SqYX9uxagJM84a%2Fuploads%2Fgit-blob-ca6331c680f93c34fe3ca86a0050d451ad9f8678%2FScreenshot_133.png?alt=media" 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. |