Create a Collection of Bundles

Follow

Bold Bundles allows you to create a Shopify page which displays all of your bundle deals.

This code will pull all of your active bundle offers and show them within a page on your site menu.

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. Under "Create a new template for", select collection.

    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:

    Note: The styling of this file may need to be adjusted to display correctly on your site. Visit W3 Schools - CSS for more information on how to use CSS.

    {% 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 page in a different location.

    Select Main Menu

  12. Select Add menu item.

    Select Add Menu Item

  13. Enter a Name.

    Note: This is the name of the page that will display on your storefront.

    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:

2 out of 2 found this helpful

Comments

0 comments

Please sign in to leave a comment.