asassi Posted September 20, 2021 Share Posted September 20, 2021 Site URL: https://www.annasassi.com/ Hi, I'm trying to move my additional product info to sit directly under the product description, on the right hand side. It's basically just an enquiry button rather than an add to cart button. I tried this code which worked perfectly except the button ended up sitting above the product name: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('section.ProductItem-additional .button-block').insertAfter(".ProductItem-details-excerpt"); }); </script> <style> .ProductItem-details-excerpt + .button-block>div>div { text-align: left; } </style> Any suggestions would be much appreciated 🙂 Link to comment
tuanphan Posted September 21, 2021 Share Posted September 21, 2021 Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('section.ProductItem-additional .button-block').insertAfter(".ProductItem-details-excerpt"); }); </script> <style> .ProductItem-details-excerpt + .button-block>div>div { text-align: left; } section.ProductItem-details .button-block { order: 5; } section.ProductItem-details .button-block>div>div { text-align: left !important; } </style> asassi 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
asassi Posted September 21, 2021 Author Share Posted September 21, 2021 Genius! it worked perfectly thank you tuanphan 1 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