GUIDE: Creating Dependable Multivariants in Virtuemart3
- GK User
- Tue Sep 01, 2015 10:39 pm
I'm sure many will find this guide useful. I spent day trying to figure this out until I found this guide http://forum.virtuemart.net/index.php?topic=127500.75 and added to it. Hope it will save you a lot of time.
How to create multiple variations of a product, where the choices are dependent on previous selection.
Like this example in Virtuemart demo (which does not work in the backend so it's not too helpful) http://demo.virtuemart.net/product-variants/multi-variant-detail
E.g. We have t-shirts in Sizes (S,M,L,XL) and Color (Red, Blue, Green, White). Size S is available in Color Red, Blue. Size M is available in Red, Blue, Green, White. Size L is only Color Red, Green.
We also want the product SKU#, prices etc. to change for each selection. So, we have to create Dependable Variants. Here is how:
1. Virtuemart> Configuration> Custom Field> Add a custom field that is type multi-variant. I named mine the 2 variants I wanted like "size - color" because this title shows up above the input fields. You will only use one multi-variant custom-field in a product. It is kind of a "mega" field with the variant fields defined within it - called ramifications. Here is how to set it up. Don’t forget to add Layout Position addtocart so it shows up on the front end below the product title.
After you save, another box will appear on the bottom but I didn’t bother with it.
2. Create a new product, fill out all the info (product name, sku & price, dimension, images etc.) Go to that product’s Custom field tab. Add the Custom field that you created for multi-variant, so in our case Size and Color.
3. A big box will open up. At the first dropdown, where it says product name, drop down and choose Custom Label. In the text area next to it, enter the label, e.g. size. (if you are using built in attributes such as weight, you pick that label from the dropdown box)
4. Enter the choices for the variant, one per line in the larger textbox to the right of the label text box. So first for sizes - enter the S,M,L,XL one per line.
5. SAVE - This seems to be important at this step and sets things up to add the next variant.
6. A bit lower on the screen you should see "New Ramification." Click the little green round button just left of the text "New." Don't try to enter anything into the dropdown or the text box for the custom label until you have clicked the green button and it comes back with empty text boxes for the custom label and the choices for the second variant, in our case Color
7. Now you should have a new dropdown with product name (select Custom Label,) a text box for the custom label and a large textbox for the variants, in our case colors. Again, type the colors – Red, Blue, Green, White. If you have more variants e.g. Material you can repeat steps 4-5 for the next variant.
8. SAVE
At this point you should have 2 variants, along with their choices, and a "New Ramification" box. Under the New Ramification should be a Add a Child Product button. If you had other variants, you could add them now by clicking the "New" button under the New Ramification. You could also add them later.
9. Add the child products. Click the Add a Child Product button as many times as you have child products. Or just start with 2 to test. You can add more later. The first time you click it, it will add a line for the parent and one child. Then each additional time for another child.
10. You should see a line for each child product that has a place for info like sku, price and also a drop down for each variant you added. The drop down will have the choices you entered in step 4.
11. Fill in the SKU & price if you want and select the variant combinations for each child.
12. SAVE. Note - when you go back to the product list, the child products will show "no price set." This is a small bug, if you open the child you will see the price carried over from the entries you just did.
13. Customize child products. You can then open the main product, open each child product and customize it to fit the variations it represents. E.g. if it’s a variation of a Blue color you can change the image.
Andrea
How to create multiple variations of a product, where the choices are dependent on previous selection.
Like this example in Virtuemart demo (which does not work in the backend so it's not too helpful) http://demo.virtuemart.net/product-variants/multi-variant-detail
E.g. We have t-shirts in Sizes (S,M,L,XL) and Color (Red, Blue, Green, White). Size S is available in Color Red, Blue. Size M is available in Red, Blue, Green, White. Size L is only Color Red, Green.
We also want the product SKU#, prices etc. to change for each selection. So, we have to create Dependable Variants. Here is how:
1. Virtuemart> Configuration> Custom Field> Add a custom field that is type multi-variant. I named mine the 2 variants I wanted like "size - color" because this title shows up above the input fields. You will only use one multi-variant custom-field in a product. It is kind of a "mega" field with the variant fields defined within it - called ramifications. Here is how to set it up. Don’t forget to add Layout Position addtocart so it shows up on the front end below the product title.
After you save, another box will appear on the bottom but I didn’t bother with it.
2. Create a new product, fill out all the info (product name, sku & price, dimension, images etc.) Go to that product’s Custom field tab. Add the Custom field that you created for multi-variant, so in our case Size and Color.
3. A big box will open up. At the first dropdown, where it says product name, drop down and choose Custom Label. In the text area next to it, enter the label, e.g. size. (if you are using built in attributes such as weight, you pick that label from the dropdown box)
4. Enter the choices for the variant, one per line in the larger textbox to the right of the label text box. So first for sizes - enter the S,M,L,XL one per line.
5. SAVE - This seems to be important at this step and sets things up to add the next variant.
6. A bit lower on the screen you should see "New Ramification." Click the little green round button just left of the text "New." Don't try to enter anything into the dropdown or the text box for the custom label until you have clicked the green button and it comes back with empty text boxes for the custom label and the choices for the second variant, in our case Color
7. Now you should have a new dropdown with product name (select Custom Label,) a text box for the custom label and a large textbox for the variants, in our case colors. Again, type the colors – Red, Blue, Green, White. If you have more variants e.g. Material you can repeat steps 4-5 for the next variant.
8. SAVE
At this point you should have 2 variants, along with their choices, and a "New Ramification" box. Under the New Ramification should be a Add a Child Product button. If you had other variants, you could add them now by clicking the "New" button under the New Ramification. You could also add them later.
9. Add the child products. Click the Add a Child Product button as many times as you have child products. Or just start with 2 to test. You can add more later. The first time you click it, it will add a line for the parent and one child. Then each additional time for another child.
10. You should see a line for each child product that has a place for info like sku, price and also a drop down for each variant you added. The drop down will have the choices you entered in step 4.
11. Fill in the SKU & price if you want and select the variant combinations for each child.
12. SAVE. Note - when you go back to the product list, the child products will show "no price set." This is a small bug, if you open the child you will see the price carried over from the entries you just did.
13. Customize child products. You can then open the main product, open each child product and customize it to fit the variations it represents. E.g. if it’s a variation of a Blue color you can change the image.
Andrea
-
- Fresh Boarder
- teitbite
- Wed Sep 02, 2015 2:15 pm
Hi
Thank You for posting that. Really useful and I bet it will help a lot of users.
Thank You for posting that. Really useful and I bet it will help a lot of users.
-
- Moderator
- GK User
- Mon Jan 30, 2017 3:41 pm
I created the dependable multivariants as your instructions say, and I also followed the Virtuemart videos and documentation. I was able to create the parent product with all the variations, and its child products with their respective prices and SKU. So far so good. You can see them on the front end, with the dependent dropdowns and all.
The problem is that when you're looking to buy a product on the front end, and you choose some characteristic from the dropdown, like size or color, it does not carry over to the shopping cart. The characteristics of the parent product are the ones shown and used on the cart, but I need to show the characteristics of the chosen child product like size, color and SKU.
I'm using StoreBox template, but if I switch back to Protostar, the problem disappears, allowing for the correct functionality, which is that if the user selects some characteristic of the product from the dropdowns, that information is carried over to the shoppping cart along with its corresponding SKU.
A curious thing: if I'm on the product page on the front end using StoreBox, and I choose something from the dropdown, I can see that the option I chose stays selected, but the screen does not reload. When I use Protostar and do the same thing, I can see that the screen reloads every time I change my choice in the dropdown.
Can you please help?
I'm using
php version 7.0.15
Joomla 3.6.5
Virtuemart 3.0.18
StoreBox 3.21.1
The problem is that when you're looking to buy a product on the front end, and you choose some characteristic from the dropdown, like size or color, it does not carry over to the shopping cart. The characteristics of the parent product are the ones shown and used on the cart, but I need to show the characteristics of the chosen child product like size, color and SKU.
I'm using StoreBox template, but if I switch back to Protostar, the problem disappears, allowing for the correct functionality, which is that if the user selects some characteristic of the product from the dropdowns, that information is carried over to the shoppping cart along with its corresponding SKU.
A curious thing: if I'm on the product page on the front end using StoreBox, and I choose something from the dropdown, I can see that the option I chose stays selected, but the screen does not reload. When I use Protostar and do the same thing, I can see that the screen reloads every time I change my choice in the dropdown.
Can you please help?
I'm using
php version 7.0.15
Joomla 3.6.5
Virtuemart 3.0.18
StoreBox 3.21.1
-
- Fresh Boarder
- teitbite
- Sun Feb 05, 2017 1:04 pm
HI
Try rename /html/com_virtuemart/ to /html/_com_virtuemart/ and check than. Send me an url to Your site so I'll be able to see.
Try rename /html/com_virtuemart/ to /html/_com_virtuemart/ and check than. Send me an url to Your site so I'll be able to see.
-
- Moderator
- GK User
- Mon Feb 06, 2017 12:44 am
Yes, thank you. That worked!
-
- Fresh Boarder
- teitbite
- Thu Feb 09, 2017 9:14 am
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
-
- Moderator
- GK User
- Tue Mar 07, 2017 10:13 pm
Well, I said renaming the folder com_virtuemart to _com_virtuemart fixed the issue regarding the product not changing SKU, but it means that I can't use the template design, which I really like, and is the reason I bought the template.
I renamed the folder back to com_virtuemart, but went inside of it and started renaming the folders there one by one to determine which one was causing the problem. It is the folder "categories". If you only disable that one, you still have the nice design (that is, each row of products shows the same number of products per row, which looks pretty), but the product changes SKU as needed.
Could you please go inside "categories" and fix whatever is wrong, so that when we download updates to this template in the future, this issue will be fixed?
I renamed the folder back to com_virtuemart, but went inside of it and started renaming the folders there one by one to determine which one was causing the problem. It is the folder "categories". If you only disable that one, you still have the nice design (that is, each row of products shows the same number of products per row, which looks pretty), but the product changes SKU as needed.
Could you please go inside "categories" and fix whatever is wrong, so that when we download updates to this template in the future, this issue will be fixed?
-
- Fresh Boarder
- teitbite
- Fri Mar 10, 2017 10:06 am
Hi
Och, sorry I misunderstood You. Thought You liked the solution when You said "That worked". I would need You to bring back the old category.php file and send me an access to FTP and url to the page with an example of this issue. So I will be able to check what is going on actually and help.
Och, sorry I misunderstood You. Thought You liked the solution when You said "That worked". I would need You to bring back the old category.php file and send me an access to FTP and url to the page with an example of this issue. So I will be able to check what is going on actually and help.
-
- Moderator
8 posts
• Page 1 of 1