Buttons not working

jnud21
Tourist
8 0 1

Hi there ,

 

The quantity , add to cart buttons are not working after I had added the the text field above them . Can any one assist me with this issue . 

 

Site url :: https://n0xgyovg60bds1z6-71493648693.shopifypreview.com/products/demo-copy-of-my-nametags-door-stick...

 

Thank You!!!

Replies 5 (5)
Moeed
Shopify Partner
3043 757 919

Hey @jnud21 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-personalizer {
    z-index: -1 !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
jnud21
Tourist
8 0 1

I added this code , but now I am unable to enter anything in the text field

enzoyuna2023
Shopify Partner
27 7 4

Hi, Try to add this css

.product__info-container .shopify-block {
    height: auto;
    overflow-y: hidden;
}

If worked then adjustment you css to make it great.

Thanks

Available for hire : novayadi85[at]gmail.com
Chat on WhatsApp
Buy me coffee
jnud21
Tourist
8 0 1

Hi , 

I tried adding the above code , the buttons still do not work .

enzoyuna2023
Shopify Partner
27 7 4

The button not work because the layer of Input fields is above the buttons, the margin bottom of fields is -115px so we need set button above of the fields or fix the margin.

.product-form {
    display: block;
    position: relative;
    z-index: 2;
}

.product__info-container .shopify-block {
    height: auto;
    overflow-y: hidden;
}

 Is this give impact? in my browser these css is fixed your problem.

Available for hire : novayadi85[at]gmail.com
Chat on WhatsApp
Buy me coffee