IndigoBolt11 Posted June 23, 2020 Share Posted June 23, 2020 Site URL: https://www.thehappyplaceschool.com/ I want to move the price of my item lower to the add to cart button so that the customer can see the price change based on the variant they select- is that possible with CSS? Link to comment
tuanphan Posted June 23, 2020 Share Posted June 23, 2020 Can you share link to a product? I can't find product page on your site. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
IndigoBolt11 Posted June 24, 2020 Author Share Posted June 24, 2020 10 hours ago, tuanphan said: Can you share link to a product? I can't find product page on your site. https://www.thehappyplaceschool.com/make-a-payment or https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment @tuanphan Link to comment
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 On 6/24/2020 at 7:00 AM, IndigoBolt11 said: https://www.thehappyplaceschool.com/make-a-payment or https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment @tuanphan You mean move price under add to cart, like this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
IndigoBolt11 Posted June 29, 2020 Author Share Posted June 29, 2020 On 6/25/2020 at 3:38 AM, tuanphan said: You mean move price under add to cart, like this? Yes but right above the add to cart button, not below @tuanphan Link to comment
tuanphan Posted June 30, 2020 Share Posted June 30, 2020 15 hours ago, IndigoBolt11 said: Yes but right above the add to cart button, not below @tuanphan Hi. Did you solve? The above url doesnt exist. https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
IndigoBolt11 Posted June 30, 2020 Author Share Posted June 30, 2020 6 hours ago, tuanphan said: Hi. Did you solve? The above url doesnt exist. https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment sorry @tuanphan putting the finishing touches on it so the name changed- https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-payment no not resolved yet Link to comment
IndigoBolt11 Posted July 2, 2020 Author Share Posted July 2, 2020 On 6/30/2020 at 8:47 AM, IndigoBolt11 said: sorry @tuanphan putting the finishing touches on it so the name changed- https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-payment no not resolved yet any ideas @tuanphan? Link to comment
IndigoBolt11 Posted July 4, 2020 Author Share Posted July 4, 2020 On 7/2/2020 at 10:23 AM, IndigoBolt11 said: any ideas @tuanphan? does that new link show? @tuanphan Link to comment
Solution tuanphan Posted July 5, 2020 Solution Share Posted July 5, 2020 Sorry for the delay. My laptop was broken a few days ago. Add to Home > Design > Custom CSS @media screen and (min-width:768px) { .ProductItem-details .ProductItem-details-checkout { display: flex; } .ProductItem-product-price { order: 3 !Important; } .ProductItem-details-excerpt { order: 1 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
IndigoBolt11 Posted July 5, 2020 Author Share Posted July 5, 2020 3 hours ago, tuanphan said: Sorry for the delay. My laptop was broken a few days ago. Add to Home > Design > Custom CSS @media screen and (min-width:768px) { .ProductItem-details .ProductItem-details-checkout { display: flex; } .ProductItem-product-price { order: 3 !Important; } .ProductItem-details-excerpt { order: 1 !important; } } @tuanphan thank you so much I so appreciate you! Glad your computer is back up and running Link to comment
lainer Posted November 24, 2020 Share Posted November 24, 2020 (edited) @tuanphan Your answers are always so helpful! I have basically the same question, but in 7.0 Bedford. Here's a product page as an example: https://santafearttours.com/art-shop/venuses-mug. Password is artshop1 if you need it. I'm wanting to move price down so they can see it change based on their selection. Ideally, it would be between Size and Quantity with a similar heading, i.e. "Price:" Thanks in advance for any help you can provide! Edited November 24, 2020 by lainer Link to comment
tuanphan Posted December 3, 2020 Share Posted December 3, 2020 On 11/25/2020 at 2:47 AM, lainer said: @tuanphan Your answers are always so helpful! I have basically the same question, but in 7.0 Bedford. Here's a product page as an example: https://santafearttours.com/art-shop/venuses-mug. Password is artshop1 if you need it. I'm wanting to move price down so they can see it change based on their selection. Ideally, it would be between Size and Quantity with a similar heading, i.e. "Price:" Thanks in advance for any help you can provide! The url doesn't exist. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
lainer Posted December 10, 2020 Share Posted December 10, 2020 @tuanphan Oh, yes, that has changed since I posted! Here it is: https://santafearttours.com/artshop/venuses-mug It's actually not a super pressing issue now, as I was able to change the price color so it's more noticeable. But I would still love to know how to move it down if I decide to do that! Thank you in advance! Link to comment
tuanphan Posted December 12, 2020 Share Posted December 12, 2020 On 12/10/2020 at 11:00 PM, lainer said: @tuanphan Oh, yes, that has changed since I posted! Here it is: https://santafearttours.com/artshop/venuses-mug It's actually not a super pressing issue now, as I was able to change the price color so it's more noticeable. But I would still love to know how to move it down if I decide to do that! Thank you in advance! Add to Home > Design > Custom CSS div#productDetails { display: flex; flex-direction: column; } h1.product-title { order: 1; } .product-excerpt { order: 2; } .product-variants { order: 3; } .product-price { order: 4; } .product-quantity-input { order: 5; } .sqs-add-to-cart-button-wrapper { order: 6; } .product-sharing { order: 7; } Begona 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment