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


nancyk

Question

  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular 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 :

I have updated my code post.

Thank you! Thanks to your help, I was able to find where the spot where to paste the code. And the code worked!

Posted Images

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
               
  -->
  
  <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 best , and see my profile. Thanks for your support!

Link to post
  • 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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...