Jump to content

Reorder my items in Product Item summary section

Go to solution Solved by hey_flor,

Recommended Posts

Site URL: https://www.unsolomondo.com/

Hello everyone, this is my first interaction here.
I'm trying to reorder my items in my "ProductItem-summary" section, I need to place my Size Chart next to my Size button and I can't do it.

And I have also tried to reorder or navigation on the mobile: the price below the title and then the gallery and I do not get it.

Can someone help me?

You can view the Size chart here:
https://www.unsolomondo.com/shop-men/hispanico-sangue

password:
Bernardomascherano

 

Captura de pantalla 2021-04-22 a las 19.30.21.png

Captura de pantalla 2021-04-22 a las 19.30.21 copia.png

WhatsApp Image 2021-04-22 at 19.38.20.jpeg

 Image 2021-.png

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Add this to Settings > Advanced > Code Injection > Footer (last line)

<script>
$(document).ready(function() { 
		$('section.ProductItem-additional a[href*="size-chart"]').insertAfter('.ProductItem-details .variant-option');
	});
</script>

image.thumb.png.233a9206b30a9ded4c606b9cdfa21e3c.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
22 hours ago, hey_flor said:

it works, thank you very much! 😃

 

For the location of the price I formulate it the same changing the names?

With price, add this code

<script>
$(document).ready(function() { 
		$('section.ProductItem-details .product-price').insertAfter('.ProductItem-details--mobile h1.ProductItem-details-title');
	});
</script>

 

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

Remove above & add this new code

<script>
$(document).ready(function() { 
  if (jQuery(window).width() < 767) {
$('section.ProductItem-details .product-price').insertAfter('.ProductItem-details--mobile h1.ProductItem-details-title');
}	
	});
</script>

 

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
  • 2 weeks later...

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.