Hiding prices in Pipeline and hiding the cart
When setting up a store, you might have the need to hide prices and the cart link in your navigation. Here are some code snippets you can use to hide certain sales related elements around your store.
- 1
-
Hide the cart from the navigation
/* -- code to hide cart from navigation mobile and desktop -- */ .header-cart__wrapper, li.cart-text-link { display:none !important; } /* - end - */
Before:
After:
To remove only the price while keeping the cart menu item:
/* -- code to hide price in navigation cart link -- */ .cartCost {display:none;} /* - end - */
- 2
-
Hide prices on collection grids
Collection pages - Both grid and list view:
/* -- code to hide prices on collections and collection list -- */ .template-collection .price_wrapper, .collection span.money, .collection-list-item .price_wrapper { display:none; } /* - end - */
Homepage featured collection:
/* -- code to hide pricing for homepage featured collection -- */ .template-index .price_wrapper { display:none; } /* - end - */
Related products grid on product pages:
/* -- code to hide prices on related products section -- */ .template-product .price_wrapper {display:none;} /* - end - */
- 3
-
Hide prices from search results
/* -- code to hide prices on search page -- */ .search-result .money, .template-search h5 .money {display:none;} /* - end - */
- 4
-
Hide prices on product pages
/* -- code to hide product price above title -- */ .template-product #productInfo-product h5, .product__price.h5 {display: none; } /* - end - */
Top price:
Add to cart button:
/* -- code to hide pricing on Add to Cart button -- */ .buttonPrice, span.unicode { display:none; } /* - end - */
Hide all purchase options - Variant options, quantity and add to cart button:
/* -- code to hide all purchase form elements -- */ #AddToCartForm-product { display:none; } /* - end - */
Example:
After:
Where do I add the code?
Use this link to learn where exactly to add this code snippet: