sourcedbyal Posted August 15, 2022 Share Posted August 15, 2022 Hi, I was wondering how to move the product description to above the size and buy now button for mobile... see image attached Is there any code of how to move it The screenshot(3) is mobile version and as you can see its below the purchase button but it needs to be above it, please help me lol . cheers :] Link to comment
paul2009 Posted August 15, 2022 Share Posted August 15, 2022 30 minutes ago, sourcedbyal said: I was wondering how to move the product description to above the size and buy now button for mobile... see image attached You could reorder the items with some CSS but I don't recommend moving the main call-to-action (the size variant and cart button) below the description. Evidence shows that this is likely to reduce conversion rates. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
teyashannon Posted August 19, 2022 Share Posted August 19, 2022 Site URL: https://studiovista.squarespace.com Hi, On mobile - The product description moves to below the add to cart button, and I would like it to sit under the price - like it does on desktop. I have recorded below where it's sitting on the mobile view and where it's sitting on the desktop version. https://studiovista.squarespace.com password: studiovista Screen Recording 2022-08-19 at 5.04.03 pm.mov Link to comment
paul2009 Posted August 19, 2022 Share Posted August 19, 2022 3 minutes ago, teyashannon said: On mobile - The product description moves to below the add to cart button See the earlier post. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
teyashannon Posted August 19, 2022 Share Posted August 19, 2022 I understand but I need the description to sit above the variants and add to cart, as it explains how to customise the table. So would love some CSS help 🙂 Link to comment
paul2009 Posted August 19, 2022 Share Posted August 19, 2022 If you must move it, try this: .ProductItem-details .ProductItem-details-excerpt { order: 2; } Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? 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