Changing the place of the section

Solved

Changing the place of the section

manter
Excursionist
17 0 6

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
2139 616 520

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)

comercioservice
Shopify Partner
291 37 35

@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.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

ThePrimeWeb
Shopify Partner
2139 616 520

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!