Solved

Changing the place of the section

manter
Tourist
9 0 3

Hello. How I could change the code to picture discount code section a bit above? Screenshot attached.Screenshot 2024-05-29 at 7.11.15 PM.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @manter,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.tt-shopcart-col div:has(> #pickup-wrapper) {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;
}

.tt-shopcart-col div:has(> #pickup-wrapper) button[name="checkout"] {
    position: absolute !important;
    width: 95% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -35px !important;
}

.tt-offset-small.container-indent.tpivsectiontemplate--19999672369478__index_section_text_plus_image_vertical_aazxTq {
    margin-top: 70px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1717000501708.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

round
Shopify Partner
63 7 4

@manter , hope you are well,
you can achieve with CSS flex, can you share your URL so I can check and give you css code
Thank you

You can use these steps if this solution is helpful to you please like and "Accept the solution".

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @manter,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.tt-shopcart-col div:has(> #pickup-wrapper) {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;
}

.tt-shopcart-col div:has(> #pickup-wrapper) button[name="checkout"] {
    position: absolute !important;
    width: 95% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -35px !important;
}

.tt-offset-small.container-indent.tpivsectiontemplate--19999672369478__index_section_text_plus_image_vertical_aazxTq {
    margin-top: 70px !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1717000501708.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!