Re: Changing the place of the section

Solved

Changing the place of the section

manter
Tourist
12 0 4

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 615 494

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
113 18 10

@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

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

ThePrimeWeb
Shopify Partner
2138 615 494

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!