Wide Hello to you 😁

In this article we'll see how to get this rendering:



We want to propose 3 offers. The first offer containing only a pants and its colors. The second offer containing only a t-shirt and its colors. Finally the third offer contains a pair of pants and a tee-shirt and we have the possibility to choose the color of the tee-shirt and the one of the pants.

You can see the rendering on the website by clicking here.

First offer

We will start by filling in the first offer block which is visible by default

In "offer title" put the title of your offer, for example "1 pair of pants".
In "price" put the price of your offer, for example "20".
In "variants" choose "This offer has 2 options". We put 2 options because we will have the color of the tee-shirt on one side, and the color of the pants on the other. Even if the pants are not present in the first offer, it is still necessary to put it because on Shopify, all offers must have the same number of options. On the other hand, we will make sure that the choice of the color of the T-shirt does not appear in this offer.
In "option name 1" put the name of your first option, for example "Pants color".
In "option 1 values" put the choices for the first option, for example "Blue, Red".
In "option 2 name" put the name of your second option, for example "T-shirt color".
In "option 2 values" put a single choice to explain that there is no T-shirt, for example "No T-shirt". By putting only 1 choice in the dropdown list, WideBundle will hide this dropdown list.
In "number of dropdowns" put "1" because we only have to choose the color of one pair of pants

Then go to the second offer

Second offer

Add an offer block by clicking on Add an offer.
In "offer title" put the title of your offer, for example "1 tee-shirt".
In "price" put the price of your offer, for example "10".
In "variants" choose "This offer has 2 options". We always put 2 options because all the offers must have the same number of options. On the other hand we will make sure that the choice of the color of the pants does not appear.
In "name of option 1" put the name of your first option, for example "Pants color".
In "values of option 1" put a single choice to explain that there are no pants, for example "No pants". By putting only 1 choice in the dropdown list, WideBundle will hide this dropdown list.
In "option 2 name" put the name of your second option, e.g. "T-shirt color".
In "option 2 values" put the choices for the second option, for example "Black, White".
In "number of drop down lists" put "1" because there is only one color to choose from

Then go to the last offer

Third offer

Add an offer block by clicking on Add an offer.
In "offer title" put the title of your offer, for example "1 pair of pants + 1 T-shirt (-20%)"
In "price" put the price of your offer, for example "24".
In "crossed out price" put the price before discount, for example "30".
In "variants" choose "This offer has 2 options". Corresponding to the color of the T-shirt and the color of the pants.
In "option name 1" put the name of your first option, for example "Pants color".
In "values of option 1" put the choices for the first option, for example "Blue, Red".
In "option 2 name" put the name of your second option, for example "T-shirt color".
In "option 2 values" put the choices for the second option, for example "Black, White".
In "number of drop down lists" put "1" because even though there are technically "2 products" in the offer, in reality, you will only have to choose each option once. We have 2 options: The color of the shirt and the color of the pants. So we have to choose only once each color.

After that we can generate the offers!

And that's it!

See you soon 😁
Was this article helpful?
Cancel
Thank you!