Solved

Hide Color Variant On Pipeline

Mg71
Tourist
11 0 1

How do I hide the color variant option on the product page without deleting the color variant? I'm using the pipeline theme

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7897 1536 1566

This is an accepted solution.

Hi @Mg71 

Please follow the steps below and check if it works

  • Go to Online Store > Themes 
  • In Pipeline theme, click "..." > Edit code 
  • Open theme.liquid file, add this code after <head>
<style>
.product-page .form__selectors div[data-select-label="Color"] { 
    display: none !important; 
}
</style>
  • Save your file

- Helpful? Like and Accept solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7897 1536 1566

This is an accepted solution.

Hi @Mg71 

Please follow the steps below and check if it works

  • Go to Online Store > Themes 
  • In Pipeline theme, click "..." > Edit code 
  • Open theme.liquid file, add this code after <head>
<style>
.product-page .form__selectors div[data-select-label="Color"] { 
    display: none !important; 
}
</style>
  • Save your file

- Helpful? Like and Accept solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

ZestardTech
Shopify Expert
5601 1019 1345

Hi @Mg71 

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Ashraful
Shopify Partner
6 1 3

There are a couple of ways to hide the color variant option on your product page in a Shopify store using the Pipeline theme without deleting the variant itself:

Option 1: Using Inventory Management (Basic)

This method works if the color variant is out of stock:

  1. Login to your Shopify admin.
  2. Navigate to Products and select the product with the color variant you want to hide.
  3. Edit the product.
  4. Locate the inventory section for the color variant.
  5. Uncheck the box for "Continue selling when out of stock".
  6. Set the "Quantity" to 0.

By doing this, the variant will be hidden from the product page since it's technically unavailable for purchase. However, it will still be present in your product catalog.

Option 2: Using a Third-party App (More Advanced)

Shopify doesn't offer a built-in feature to hide specific variants. However, there are third-party apps available that can provide more granular control over variant visibility. These apps can offer features like:

  • Hiding variants based on specific conditions (like stock level)
  • Scheduling variant visibility
  • Different hiding options (completely hiding or graying out unavailable options)

Explore the Shopify App Store for options like "Variant Inventory Manager" or "Product Variant Options Hide & Show".

 

Additional Tips:

  • If you're comfortable with code editing, you might be able to achieve the desired outcome by modifying the theme code. However, this approach is recommended for users with coding experience as it can potentially cause issues if not done correctly. Consider searching the Shopify community forums for solutions specific to the Pipeline theme.

Remember, the best approach depends on your specific needs and comfort level. Option 1 is a simple solution if the color variant is out of stock, while Option 2 offers more flexibility if you need to hide variants based on specific criteria.