Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Move 'add to cart' button between description and price



6 answers to this question

Recommended Posts

  • 0

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.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

Thank you!

I wasn't able to find: Store Settings > Advanced > Page Header Code Injection for the store page.

So I added this code to the Design > Custom CSS instead and it worked!!

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