Remove "Title" dropdown on Product Pages

gracegosnell
New Member
2 0 0

We have several products that don't have any variants, however the product pages are showing a dropdown called "Title" with the default option as 'Default Title': https://www.glossandgold.com/products/pink-and-red-beaded-striped-clutch

I've tried adding the following code into the theme.liquid file but with no luck: 

.product-single .selector-wrapper label {
display: none;
}
.product-single .single-option-selector {
padding-left: 25px !important;
}

Any other ideas how to get rid of that dropdown?

0 Likes
JHKCreate
Shopify Partner
2046 331 445

Hi @gracegosnell 

You can add this code to "main.scss.css" to remove the dropdown completely, do you have or plan on having products with variants?

.selector-wrapper.js.product-form__item.color-swatch.options.productitem-option1-js {
    display: none;
}

 

Let me know if that works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
gracegosnell
New Member
2 0 0

Yes, some products will have variants that need to be displayed.

0 Likes
JHKCreate
Shopify Partner
2046 331 445

In that case are you sure you're products don't have a "Default" variant on their product page?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes

Dear @gracegosnell 

Hope this will help

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.selector-wrapper.js.product-form__item.color-swatch.options.productitem-option1-js { display: none; }
/* End*/

 

  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes