How do I move the checkout button to after products recap?

NicholasAndrew
Tourist
5 0 0

Hi, 

 

I need some help to move the button "Finalizar compra/Checkout" (in orange) on the checkout page.

 

I would like it to be placed after the info "Você economizou R$80" and before the payment icons. 

 

Captura de tela 2024-01-12 154904.png

 

How would I do it?

 

Thank you very much!

Replies 5 (5)

SomeUsernameHe
Shopify Partner
450 49 81

Hey! I would be glad to help! What theme are you using for this site? 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
NicholasAndrew
Tourist
5 0 0

Hi, it's Warehouse! 

SomeUsernameHe
Shopify Partner
450 49 81

Hmmm darn, I've been noticing a lot of questions about that theme but I have not been able to take a look at the theme files yet so I do not think I would be of much help. 

You should have a file in your theme files called main-product.liquid. I could be called anything, but I would search your theme files for "product" and see what pops up.  That is where you should find the code for your product page. 

Sorry I couldn't be of more help, maybe someone else here has some expier

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
NicholasAndrew
Tourist
5 0 0

No problem!

 

I believe this is the code I'm looking for, right? It's "cart-template.liquid".

 

NicholasAndrew_1-1705089131945.png

 

I tried moving the line 48 down:  <button type="submit" name="checkout" class="page__button-action button button--primary button--full button--large hidden-tablet-and-up"{{ 'cart.general.checkout' | t }}>Finalizar compra</button>

 

but when I do it, it simply disappears from the checkout page.

 

Anyway, thanks for your time!

 

SomeUsernameHe
Shopify Partner
450 49 81

Try placing it outside of </header> or even the </div> following the </header>

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee