Extra Price Field

Site URL: https://www.tutti-palette.de

Hey,

some of my products are adjustable. That means that you can add some part. If you have added some part, the price is different. I would like to repeat the existing price tag on an other position. How do I do this? For better explanation I added a picture.

Thanks for your help.

It would be better to move an element instead of repeating it. 

For example, you could move the price next to the variant options, or move the variant options next to the price.

Why do you think that? From a technical view or from usability? I think the price would be good on both section. Especially in the mobile version you have to scroll a lot if you want to see this information... and we know that nobody likes to do that. 

If its technically better to have one price tag, I would put it just bevor the "buy" Button. But then I have to change the css too.

Can you help me with that?

2 hours ago, becksebastian said:

Why do you think that? From a technical view or from usability?

The less stuff you show users, the less they'll have to scan and comprehend, and the better the odds that they'll complete the purchase workflow. Duplicating information adds overhead to both the scanning process and the comprehension process.

To move the price to just before the variant options, add the following to Custom CSS:

.ProductItem-details .product-price {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
}

Alright. I tried it and I am fine with that solution. Thank you very much for your help. Looks great.