Hide Color Variant On Pipeline

Mg71 · ‎06-04-2024

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

Dan-From-Ryviu · ‎06-04-2024

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 & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎06-04-2024

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 & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

ZestardTech · ‎06-05-2024

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 · ‎06-05-2024

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:

Login to your Shopify admin.
Navigate to Products and select the product with the color variant you want to hide.
Edit the product.
Locate the inventory section for the color variant.
Uncheck the box for "Continue selling when out of stock".
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.

Hide Color Variant On Pipeline

Hide Color Variant On Pipeline

Community Blog Articles