Hide Price on Sold Items: Pacific Theme

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
Highlighted
Shopify Partner
501 72 91

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
Highlighted
Shopify Partner
4 0 0

Hi Ketan,

 

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

0 Likes
Highlighted
Shopify Partner
501 72 91

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
Highlighted
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