How can I hide variables without deleting them?

hii

I was inquiring if there is a way to hide these variables from the page and not appear to the customer except when entering the product page, because its appearance is very annoying from the outside

I hope you can help me

@Maven95

Please share your store URL.

Please share your store URL

https://your-zonex.myshopify.com/

store password.

store password. ??


your store is password protected.
so check and provide us.

https://your-zonex.myshopify.com/?key=aa32a1ac1978fe6b2afe0f5c1720602b130ac6c7de1b928565882301faca4b87

paste this code in theme.scss

.product-collection__options{
display:none ! important;
}
.product-options__value--large-text, .product-options__value--text {
    display: none !important;
}

@Maven95
Add this if above code not work.
Thank you.

@Maven95

Please add the following code at the bottom of your theme.scss.liquid or theme.css file.

#shopify-section-carousel-related-products .product-options.product-options--type-collection.js-product-options{
display: none;
}

Hope this works.

Thanks!

sorry

But the variables have been permanently deleted.. Even after entering the product page, I can’t find them

#shopify-section-carousel-related-products .product-options.product-options--type-collection.js-product-options{
display: none;
}

don’t work :_(((

i got it

.product-options.product-options--type-collection.js-product-options {
    display: none;
}

thx