Disabling/Hiding variant picker hides compare price and disables add to cart functionality Debutify

[samuelsvensrud]

Since I only have one variant i want to disable thevariant picker for less friction and higher conversions, but disabling the "variant picker" block removes compare price and disables add to cart functionality I am using Debutify.

[Made4uo-Ribe]

Hi @samuelsvensrud 

The theme might be using the variant picker as part of the functionality. I would suggest just hide the variant picker and not disable it. Is all your products have one variant? If you share your website, I can provide the code to hide it. 

[samuelsvensrud]

Would really appreciate it! https://lumavibe.shop/

[Made4uo-Ribe]

Thank you @samuelsvensrud 

1. From Admin page, go to Online Sore > Themes.
2. Choose the theme you want to edit and click the three dots "then Edit code." This should open the code editor.
3. Under the Assets folder on your left, open the theme.css
4. At the very bottom of the file, add the code below, then SAVE

div[data-product-option] {
    position: absolute;
    visibility: hidden;
}

[samuelsvensrud]

Didn't work unfortunately

[Made4uo-Ribe · Accepted solution]

You have error in your theme.css file

Please correct your code

.dbtfy-image-with-text .ambient-movement-left {
    opacity: 1 !important;
    filter: blur(0) !important;
    transform: translate(0) !important;
}
.header__icon--menu .icon{
display: none !important;
}
div[data-product-option] {
    position: absolute;
    visibility: hidden;
}

It should look like this

[samuelsvensrud]

You're the man!

[Made4uo-Ribe]

Woman! 😊 We are female Shopify developers 

[samuelsvensrud]

How can I hide this code on my product page?  

[Made4uo-Ribe]

Hi @samuelsvensrud 

Did you try to place the code somewhere? Open your theme.liquid under layout folder and look for the code

[samuelsvensrud]

Placed it at the bottom of theme.liquid