Jump to content

Move 'add to cart' button between description and price

Recommended Posts

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
               
  -->
  
  <style>
  
    .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;
      
      }
      
    </style>

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

Let us know how it goes.

Edited by creedon
version 2

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

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.