Tarta

@creedon thank you so much🙏 my shop layout has improved a lot with your help! Is there anywhere that I can leave a review or something thank you? You're so kind.

@creedon for the moment I will only have 1 or 2 variants so maybe it should be fine with CSS only. Thank you again for your for your reply and your help!

Thank you so much @creedon you have helped me a lot! I see what you mean with the code below the price, I tested and it's working perfect (see image1 attached) Could I please bother you with one last thing? Following my efforts to reduce the height of that section, would it be possible to show the product variants on a single line when there are 2 of them? I would like to have this only if it's possible to keep the variant full width when there's only one option (see image2 which shows what i mean) Thanks again for your support!😀

@creedon thanks so much for your quick response, I've managed to fix the previous mentioned issue, but I would love to get some help with the following: 1. to check that i didn't messed up the code by changing important things (i'm adding the coded i used below) 2. And also I would like to reduce the space between these items (attached image) so the whole content is closer This is my link: https://www.tartagelatina.com/shop/p/do-chua-6dwzs And this is the code I used (modifying yours, but without knowing much): <style> .ProductItem-details .product-quantity-input, .ProductItem-details .product-variants, .ProductItem-details .ProductItem-details-excerpt, .ProductItem-details .ProductItem-product-price, .ProductItem-details .sqs-add-to-cart-button-wrapper { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .ProductItem-details .ProductItem-details-excerpt { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ProductItem-details .ProductItem-additional { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } @media only screen and ( pointer: coarse ) and ( min-width: 1025px ), screen and ( min-width: 800px ) { .ProductItem-details .ProductItem-details-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and ( pointer: coarse ) and ( max-width: 1024px ), screen and ( max-width: 799px ) { .ProductItem-details .ProductItem-details-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; } } </style> Thanks again for your support.

Dear @creedon could you please give me a hand? I need to put the "add to cart" button just after the product quantity and variants, but since the original code you shared was updated I can't see it anymore :( I'm currently using the current code from your comment but the variants are after the "add to cart" button. I'm attaching an image. Thank you very much in advance for your help!