> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-sections/products/product-bundle.md).

# Product bundle

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FtfPpJUAgK5IyAPmoifDd%2Fimage.png?alt=media&amp;token=7aeb52b8-4a0a-44f7-ba66-c0eff0aa1250" alt=""><figcaption></figcaption></figure>

{% hint style="info" %} <mark style="color:red;">**This feature inherits functionality from Shopify Discounts. Please create a discount in your Shopify admin before using it.**</mark>\
[<mark style="color:red;">**Learn how to create discounts**</mark>](https://help.shopify.com/en/manual/discounts)
{% endhint %}

{% stepper %}
{% step %}
Create a discount in your Shopify admin.

Go to Shopify Admin → Discounts → Create Discount and set up your discount details as the screenshot below.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FMgEXVUQ00OTnI2elNKSU%2FScreenshot%20at%20Nov%2001%2014-20-25.png?alt=media&amp;token=8bb532fc-473d-455f-b5d3-38f245a4bd77" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Step 2: Configure this Section.

Open your theme editor, find this section, and setup as the screenshot below.

*<mark style="color:$warning;">Please make sure your input matches the discount details you set up in Step 1.</mark>*

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FbJGGA22n8WB8nMzYfISp%2FScreenshot%20at%20Nov%2001%2014-23-20.png?alt=media&amp;token=43635d70-cfbe-4b8e-9622-1a70ed862d91" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### Section settings <a href="#section-settings" id="section-settings"></a>

#### General settings <a href="#general-setting" id="general-setting"></a>

| Setting                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Section width                      | <p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fix width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Expand full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul> |
| Color scheme                       | Select colors from **Theme settings -> Colors**                                                                                                                                                                                                                                                                                                                                                                                         |
| Subheading                         | The subheading of the section                                                                                                                                                                                                                                                                                                                                                                                                           |
| Heading                            | The title of the section                                                                                                                                                                                                                                                                                                                                                                                                                |
| Enable heading underline animation | Enable heading underline animation                                                                                                                                                                                                                                                                                                                                                                                                      |
| Underline style                    | Select Underline style                                                                                                                                                                                                                                                                                                                                                                                                                  |
| Underline color                    | Customize Underline color                                                                                                                                                                                                                                                                                                                                                                                                               |
| Description                        | The description of the section                                                                                                                                                                                                                                                                                                                                                                                                          |
| Heading size                       | <p>The size of the title:</p><ul><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul>                                                                                                                                                                                                                                                                                                    |
| Alignment                          | <p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul>                                                                                                                                                                                                                                                                               |

#### Discount <a href="#blog-posts" id="blog-posts"></a>

| Setting                  | Description                                                                   |
| ------------------------ | ----------------------------------------------------------------------------- |
| Discount code            | Customize Discount code                                                       |
| Discount value           | Select Discount value                                                         |
| Minimum items to require | Determine the lowest number of product required for activating the discount.  |
| Maximum items            | Determine the highest number of product required for activating the discount. |

#### Section padding <a href="#section-padding" id="section-padding"></a>

| Setting | Description                                |
| ------- | ------------------------------------------ |
| Top     | Customize the top margin of the section    |
| Bottom  | Customize the bottom margin of the section |