Hide Price on Sold Items: Pacific Theme

janahunt
Shopify Partner
4 0 0

\Hi Everyone,

 

Im trying to hide the sold price in both the collection and product page for my website. I have been trying to work out how to do this on the Pacific Theme by Pixel Union and have been unable to work it out. Please find the code to the product-list-item.liquid below. Is anyone able to help with this? Your help is greatly appreciated.

 

{% unless form_id %}
{% assign form_id = product.id %}
{% endunless %}


<div
class="
product-form
{% if section.settings.show_spb %}
smart-payment-buttons
{% endif %}
"
data-product-form="{{ form_id }}"
>

<meta itemprop="name" content="{{ product.title }}">
<meta itemprop="brand" content="{{ product.vendor }}">
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
<meta itemprop="image" content="{{ product | img_url: 'grande' }}">

{% capture product_form_id %}{{- 'product-form-' | append: section.id -}}{% endcapture %}

{% form 'product', product, id: product_form_id %}
<div id="infiniteoptions-container"></div>
<div id="uploadery-container"></div>

<div class="product-options">
{% if product.has_only_default_variant %}
<input
name="id"
value="{{ variant.id }}"
type="hidden"
>
{% else %}
{% comment %}
Option inputs
{% endcomment %}
{%- for option in product.options_with_values -%}
<div class="inline-field-wrapper js-required">
<label><strong>{{ option.name }}:</strong></label>

<div class="selector-wrapper select-wrapper">
{% assign optionIndex = forloop.index %}

{% comment %}
Select dropdown options
{% endcomment %}
<div class="option-select">
<select
class="single-option-selector"
name=""
id="product-select-{{ form_id }}"
tabindex="0"
data-product-option="{{ 'option' | append: optionIndex }}"
>
{% for value in option.values %}
<option
value="{{ value | escape }}"
{% if option.selected_value == value %}selected{% endif %}
>{{ value }}</option>
{% endfor %}
</select>
{% include 'icon' with 'chevron-down' %}
</div>

</div>
</div>
{%- endfor -%}

<div class="selector-wrapper no-js-required">
<label for="product-select-{{ form_id }}-no-js">Product Options</label>
{% comment %}
Variant select. This is the source-of-truth for which variant to add and serves double purpose
as the select if js is disabled.
{% endcomment %}
<select
class="product-select inline-field-wrapper"
name="id"
id="product-select-{{ form_id }}-no-js"
data-variants
>
{% for variant in product.variants %}
{% if variant.available %}
<option
{% if variant.selected %}selected="selected"{% endif %}
value="{{ variant.id }}"
data-variant-id="{{ variant.id }}">
{{ variant.title }} - {{ variant.price | money }}

{% else %}
<option disabled="disabled"
value="{{ variant.id }}"
data-variant-id="{{ variant.id }}">



{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
{% endif %}
</div>

{% if section.settings.enable_product_quantity %}
<div class="product-quantity">
<div class="input-wrapper">
<label for="quantity">{{ 'general.general.quantity' | t }}</label>
<input type="text" name="quantity" id="quantity" value="1" />
</div>
</div>
{% endif %}

<div class="product-submit" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="price" content="{{ variant.price | divided_by: 100.00 }}" />
<meta itemprop="priceCurrency" content="{{ shop.currency }}" />

<span class="product-price">
<span
class="product-price-minimum money"
data-variant-price
>
{{ variant.price | money }}
</span>

<span
class="
product-price-compare
money
original
{% unless variant.compare_at_price and variant.compare_at_price > variant.price %}
hidden
{% endunless %}
"
data-variant-compare-at-price
>
{{ variant.compare_at_price | money }}
</span>
</span>

<span class="payment-buttons-container">
{% if variant.available %}
<input class="add-to-cart" type="submit" value="{{ 'products.product.add_to_cart' | t }}" />
<link itemprop="availability" href="http://schema.org/InStock">

{% if section.settings.show_spb %}
{{ form | payment_button }}
{% endif %}
{% else %}
<input type="button" class="add-to-cart disabled" disabled="disabled" value="{{ 'products.product.sold_out' | t }}" />
<link itemprop="availability" href="http://schema.org/OutOfStock">
{% endif %}
</span>
</div>

<div class="product-message"></div>

{% endform %}
</div>

 

0 Likes
KetanKumar
Shopify Partner
14446 1674 5189

Hello, @janahunt 
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
janahunt
Shopify Partner
4 0 0

Hi Ketan,

 

The url is https://irenebyrneandco.com, thank you

0 Likes
KetanKumar
Shopify Partner
14446 1674 5189

Hello, @janahunt 
I have check whole site already sold out a product not show up the price.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
janahunt
Shopify Partner
4 0 0
Hi Ketan,

I have had to manually go into the price field for each products for the $0 to show up. I am trying to achieve no price showing automatically once an item sells which I am having trouble finding the code for the Pacific theme.
0 Likes
DeRigueur
New Member
2 0 1

Hi Jana,

I visited your website and it looks like you got it to work. How did you do it?

I'm trying to do the same thing with my Pixel Union theme and can't figure out how to hide the price of a sold item in the collection.

Cheers!

KetanKumar
Shopify Partner
14446 1674 5189

@DeRigueur 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
DeRigueur
New Member
2 0 1

My site is carnycouture.com and it uses Atlantic theme from Pixel Union.

I can find where to hide the prices on product page (product.liquid) and search results (search-result.liquid), but I can't figure out how to hide the price for an item in Collections after it has been sold. I would also like the price field replaced with "SOLD" on the Collections page similar to how irenebyrneandco.com does it.

0 Likes
KetanKumar
Shopify Partner
14446 1674 5189

@DeRigueur 

Thanks 

sorry i can't see any product collection page 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes