Jump to content

Move Product Description On Mobile

Recommended Posts

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 :]

Screenshot (2).png

Screenshot (3).png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

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

Link to comment
3 minutes ago, teyashannon said:

On mobile - The product description moves to below the add to cart button

See the earlier post.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

If you must move it, try this:

.ProductItem-details .ProductItem-details-excerpt {
  order: 2;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.