Bartosz Czekaj
asked on
Quantity price table on product page Magento 2
Hi Experts
I am trying to implement a unique product layout on a Magento 2 ecommerce website. I am selling a product which has various options, mainly based on quantity and size. A good example would be leaflets. Currently under magento the out of the box way of displaying these additional option are through 2 different drop down options whereby the customer selects the size and quantity and get the price.
However I would like to output each option as a purchasable button on the product page. Similar to this website:
http://cheapasprints.com/shop/category/digital-170gsm-gloss-leaflets/
As you can see they are outputting each option in a table as a button when you select this it is then purchasable. Any idea on how to acheive this in magento using product options?
I am trying to implement a unique product layout on a Magento 2 ecommerce website. I am selling a product which has various options, mainly based on quantity and size. A good example would be leaflets. Currently under magento the out of the box way of displaying these additional option are through 2 different drop down options whereby the customer selects the size and quantity and get the price.
However I would like to output each option as a purchasable button on the product page. Similar to this website:
http://cheapasprints.com/shop/category/digital-170gsm-gloss-leaflets/
As you can see they are outputting each option in a table as a button when you select this it is then purchasable. Any idea on how to acheive this in magento using product options?
ASKER
lenamtl -- thank you so much for reply.
but price on the table must change dynamically.
https://www.chroma.pl/pl/configure-product/wizytowki-standardowe/prod_11c
by choosing the attributes on the left, the price should change in the table (on the right).
but price on the table must change dynamically.
https://www.chroma.pl/pl/configure-product/wizytowki-standardowe/prod_11c
by choosing the attributes on the left, the price should change in the table (on the right).
Hi,
I'm not sure why you say that would not work, as this should update the price automatically..
You can set a values to the different attribute
Let say all shirt cost a minimum of 5$
Then the user select a value for each attribute
color:
blue = +3$
red = +2$
yellow + 1$
Size
small +1$
Medium +2$
Large +3$
======== This should update the total to 5$ + Color attr + Size attr
This similar to the shipping method or other product calculation
I'm not sure why you say that would not work, as this should update the price automatically..
You can set a values to the different attribute
Let say all shirt cost a minimum of 5$
Then the user select a value for each attribute
color:
blue = +3$
red = +2$
yellow + 1$
Size
small +1$
Medium +2$
Large +3$
======== This should update the total to 5$ + Color attr + Size attr
This similar to the shipping method or other product calculation
ASKER
But I can not display the table, which will be the extension of the final price.
For example :
I choose color: blue and size: large. and now instead of displaying a single price (price + price of the attribute) I need to display a table that looks like this:
normal price - 10 quantity
Normal price-10% - 100 quantity
Normal price -20% - 200 quantity
For example :
I choose color: blue and size: large. and now instead of displaying a single price (price + price of the attribute) I need to display a table that looks like this:
normal price - 10 quantity
Normal price-10% - 100 quantity
Normal price -20% - 200 quantity
The quantity value should be considered as an attribute
let say
1 unit = x1
100 units -50$
50 unit -25$
The way you display the attribute (button or select element does not matter)
let say
1 unit = x1
100 units -50$
50 unit -25$
The way you display the attribute (button or select element does not matter)
This question needs an answer!
Become an EE member today
7 DAY FREE TRIALMembers can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
You can use the custom option / attribute
https://docs.magento.com/m2/ce/user_guide/catalog/settings-advanced-custom-options.html
https://docs.magento.com/m2/ce/user_guide/catalog/product-create-configurable.html
Then you will need to adapt the template to display the options.