Jump to content

Move 'add to cart' button between description and price

Recommended Posts

  • Replies 6
  • Views 842
  • Created
  • Last Reply

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.


  reorder .ProductItem-details child elements
  SS Version : 7.0
  Templates  : Brine ( Aria, Blend, Cacao, Clay, Fairfield, Feed, Foster,
               Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke,
               Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer,
               Miller, Mojave, Moksha, Motto, Nueva, Pedro, Pursuit, Rally,
               Rover, Royce, Sofia, Sonora, Stella, Thorne, Vow, Wav, West )
               your template is not listed? then it is not currently supported
    .ProductItem-details .product-quantity-input {
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;
    .ProductItem-details .sqs-add-to-cart-button-wrapper {
      -webkit-box-ordinal-group : 4;
      -ms-flex-order : 3;
      order : 3;

This is for v7.0 using the Brine template family.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment


This topic is now archived and is closed to further replies.

  • 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.