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 9
  • Created
  • Last Reply

Top Posters In This Topic

On 8/19/2022 at 2:02 PM, teyashannon said:

I would also like to know the answer to this. 

If you share link to a product, we can check easier

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
On 8/22/2022 at 5:36 AM, teyashannon said:

https://studiovista.squarespace.com/

password: studiovista

The site isn't published yet, but if you go to the shop on mobile view, then click on side tables. 
You can see that the description moves down to sit below the add to cart button. 

I have also taken a screen recording below if that helps. 

Thank you

Screen Recording 2022-08-19 at 5.04.03 pm.mov

You need to move it above Add to cart?

image.thumb.png.a759f094e55bc2513cff304971b516d5.png

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
On 9/1/2022 at 12:31 PM, teyashannon said:

I need to move it to sit between the price and the first dropdown box for the 'glass top' 

 

Screen Shot 2022-09-01 at 3.30.46 pm.png

Try adding this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
if (jQuery(window).width() < 767) {
// Rocketman
$('.ProductItem .ProductItem-additional').insertAfter('.ProductItem-product-price');
}
});
</script>

then checking it again on real mobile

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
On 9/6/2022 at 5:31 AM, teyashannon said:

it's saying there is an error on line 93 - see screenshot attached.

image.png

See this redbox

image.thumb.png.699612cd6506c427cb7a6d2505e2295d.png

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

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.