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. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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; } About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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