Create a Collection of Bundles

Follow

Bold Bundles allows you to create a collection page which displays all of the bundles that include products from within that collection.

To create a collection of bundles, please follow these steps:

  1. From Shopify's admin, select Online Store.

    select online store

  2. Select Actions.

    Actions

  3. Select Edit code.

    Edit code

  4. Find the "Templates" files:

    find_template.png

  5. Select Add a new template.

    add_template.png

  6. Select Collection as the "Create a new template for" option.

    template_type.png

  7. Enter "bundles" as the name of the template.

    template_name.png

  8. Select Create template.

    save_template.png

  9. Replace the contents of the file with the following code:
    {% paginate collection.products by 1000 %} {% for product in collection.products %}
    <div class="bold-bundle" data-product-id="{{ product.id }}"&gt ></div>
    {% endfor %}{% endpaginate %}
    <style>
    .bold-bundle{
    display:inherit;
    }
    .bold-bundles-widget{
    margin: 5px;
    margin-left: 20%;
    margin-right: 20%;
    }
    @media only screen and (min-width: 651px) {
    .bold-bundles-widget-item.bold-bundles-widget-item--product {
    max-width: 20% !important;
    }
    }
    .bold-bundles-widget__footer{
    display: flex;
    justify-content: center;
    }
    .bold-bundles-widget-item__info {
    text-align: center;
    }
    </style>
  10. Select Save.

    Select Save

That's it!

You'll need to add this URL to your Shopify "Navigation" for your customers to easily find this page. This page will display all of the bundles that you currently have active on the site.

https://<your myshopify domain>/collections/all?view=bundles

Next Steps:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.