Menu Close

Get Support From ShopWired Close

All Systems Are Operational

Subscribe To Updates
Prefer To Live Chat? Chat directly with ShopWired support Available 9.00am to 7.00pm Monday to Friday
11.00am to 5.00pm Saturday
Quickest response time

Send A Message
Response within 24 hours

Menu Close

Menu

Product bundles

The purpose of the product bundles extension is to display an advert about a bundle on constituents of that bundle.

For example if you have a TV + DVD Player Bundle, the bundle extension would display an advert for that bundle product on both the individual TV and DVD product pages.

A simple example of this can be seen below, taken from Cork Yogis.

For each bundle the product is part of you can display:

i) A title/headline (different from the actual product title for the bundle product)
ii) An image (different from the bundle product image)
iii) The price

You can also allow the user to add the product bundle to their basket by clicking a link or button.

ShopWired account functionality
Installation instructions (for version 2 themes or earlier)
Installation instructions (for version 3 themes or later)

Important!

The bundle advertisement shown in the example above is only displayed on products that are part of a bundle (as a way to advertise that the product is part of a bundle and there is a saving if bought). The advertisement is not shown on the page that displays the information about the bundle product.


ShopWired account functionality

Once the Product Bundles extension is activated in your account, when editing a product that is a bundle product, you'll be able to add a separate title/headline and image for the bundle product.

It's this information that will be used for display on constituent product pages.

When adding/editing a product, scroll to the 'bundle/package product' section.

For the image you upload, we'd recommend you upload an image that properly represents the package, as shown in the example below from Cork Yogis.


Installation instructions (for version 2 themes or earlier)

Once the extension is activated you'll need to change the relevant code to your website's files (described below). Adding the code will enable the display of bundle advertisements. To add the code you'll need to use the page editor, alternatively you can click the 'request installation' button and we'll change the code for you (a small charge will be made for the installation, which is listed on the extension page).

Please Note: The code to display the information for each bundle does not come with any styling, so won't look like the example above (out of the box). If performing self-installation then you'll also need to add styling for the different elements in your website's stylesheet(s).

1. Locate the product.twig file (located in /views/product pages/product.twig)

2. Add the code shown below where you'd like the bundle(s) to be shown on the product page. We'd usually recommend this is placed beneath the 'add to basket' button.

{% for bundle in product.bundles %}
    {{ bundle.title }} 
    <img src="{{ bundle.photo_url }}">
    {{ currency_value(bundle.price) }} 
    <a href="{{ bundle.url }}">Find out more</a> 
{% endfor %}

As shown in the example below.

{{ bundle.title }} - this is the title/headline for the bundle

{{ bundle.photo_url }} - this is the image for the bundle

{{ bundle.price }} - the price set for the bundle

{{ bundle.url }} - the URL set for the bundle

You may also like to review our article on how to add products to a basket with a text link.

3. Click to save your changes to the file.


Installation instructions (for version 3 themes or later)

Once the extension is activated you'll need to change the relevant code to your website's files (described below). Adding the code will enable the display of bundle advertisements. To add the code you'll need to use the page editor, alternatively you can click the 'request installation' button and we'll change the code for you (a small charge will be made for the installation, which is listed on the extension page).

Please Note: The code to display the information for each bundle does not come with any styling, so won't look like the example above (out of the box). If performing self-installation then you'll also need to add styling for the different elements in your website's stylesheet(s).

1. Locate the product_form.twig file (located in /views/partials/)

2. Add the code shown below where you'd like the bundle(s) to be shown on the product page. We'd usually recommend this is placed beneath the 'add to basket' button.

{% for bundle in product.bundles %}
    {{ bundle.title }} 
    <img src="{{ bundle.photo_url }}">
    {{ currency_value(bundle.price) }} 
    <a href="{{ bundle.url }}">Find out more</a> 
{% endfor %}

As shown in the example below.

{{ bundle.title }} - this is the title/headline for the bundle

{{ bundle.photo_url }} - this is the image for the bundle

{{ bundle.price }} - the price set for the bundle

{{ bundle.url }} - the URL set for the bundle

You may also like to review our article on how to add products to a basket with a text link.

3. Click to save your changes to the file.