cjarksq

Having same issue, How do you achieve this if the link field of the accordion block isn't working?

Works perfectly thank you so much @tuanphan

Hi @tuanphan It appears this code has no effect on the site for some reason, may be due to other code? To clarify my questions i have attached screenshots with arrows pointing to what i would like to move and to where i would like them to move to. Your help so far has been much appreciated, this is a bit beyond my personal capabilities now, struggling to find a solution myself https://potirakis.com/store/p/windbreaker-suit-jacket I have also attached both my custom CSS code as well as the footer injection code i have on my website currently CSS: /* Nav item hover color - underline */ .header-nav-item a:hover { color: grey !important; } .header-nav-item--active a { background-image: none!important; font-weight: normal; color: grey!important; background: none } /* burger lines height */ .burger-inner>div { height: 1.75px !important; } /* cart */ svg.icon.icon--cart { stroke-width: 1px; } .image-block:hover { background-color: #00000; opacity: 0.6; transition: all .5s ease-in-out;} @media screen and (min-width: 768px ) { .ProductItem-details .ProductItem-details-checkout { display: flex; } } div.user-accounts-link { order: 3; margin-left: 1.5vw !important; } .product-mark.sold-out { font-size: 13.5px !important; color: red !important; font-weight: bold !important; text-transform: Uppercase !important; } .header-menu-nav-item a { font-size: 25px; } /* Mobile category nav links */ @media only screen and (max-width: 640px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap; overflow-x: hidden; justify-content: center; padding-top: 10px; line-height: 20px; } .products.collection-content-wrapper .nested-category-title { text-align: center; } } /* Afterpay text */ span.afterpayString { font-size: 11px; } [data-afterpay="true"] { margin-top: 40px !important; } input[type="number"] { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; padding-right: 0px !important; } .ProductItem-details .ProductItem-product-price .product-price { position: absolute; top: 0; } .ProductItem-details-checkout { position: relative; padding-top: 40px; } FOOTER INJECTION: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details .ProductItem-product-price'); }); </script> <style> .ProductItem .ProductItem-additional { order: 3 !important; margin-top: 0px !important; } </style>

Thank you @tuanphan, Unfortunately even once this code is removed i still have the same issue

Hi @tuanphan Thank you for your help again, i may be doing something wrong but it seems the code has caused the price to go above the title of the product and placed the add to cart and quantity button below the additional information tab. https://potirakis.com/store/p/windbreaker-suit-jacket This is how my code currently reads: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter(''); }); </script> <style> .ProductItem .ProductItem-additional { order: 3 !important; margin-top: 0px !important; } </style> <script> $(document).ready(function() { $('.ProductItem-details .ProductItem-product-price').insertAfter('h1.ProductItem-details-title'); }); </script> <style> .ProductItem-details .ProductItem-product-price, .ProductItem-details .ProductItem-product-price div { margin-bottom: 0px !important; } </style>

Hi @tuanphan Is there a way i could also bring the afterpay prompt on product page up with the price? https://potirakis.com/store/p/windbreaker-suit-jacket

@tuanphan You almost always have the answer i need, Im your biggest fan

Thank you so much Tuanphan, i really appreciate it, worked perfectly

Hello, I've been trying to adapt some of these answers into my own website. Doesn't seem to be working for what i'm looking for, anyone know how to achieve the following: 1. Move additional product information block above squarespace default product information OR replace squarespace default product information entirely with my additional product information block. 2. Move price above 'ADD TO CART' button Here is the webpage link: https://potirakis.com/store/p/icon-beanie