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. Under "Templates", select Add a new template.

    Select Add a New Template

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

    template type

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

    template name

  7. Select Create template.

    save template

  8. 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>

    Pasted Code

  9. Select Save.

    Select Save

  10. From Shopify's admin, select Navigation.

    Select Navigation

  11. Select Main menu.

    Note: You can select another menu if you want to add this in a different location.

    Select Main Menu

  12. Select Add menu item.

    Select Add Menu Item

  13. Enter a Name.

    Enter Name

  14. Copy and paste the following URL in the Link area:

    Note: You will need to change <your myshopify domain> to match your Shopify URL. Ex: website.myshopify.com/collections/all?view=bundles.

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

    Enter Link

  15. Select Add.

    Select Add

  16. Select Save menu.

    Select Save Menu

That's it!

Next Steps:

Blog Posts:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.