Product pages shows the wrong price

charlinectw
Tourist
12 0 2

Hi, I have a problem with my Shopify product pages. They show the wrong pricing (f.i. my product is $25, price shown on the product page is $30. Product is $425, price is shown as $500). It's only the product pages - The collection pages and checkout price are correct. Can anyone help with this?

Replies 12 (12)
Propero
Shopify Partner
875 101 153

@charlinectw ,

did anyone work on customisation of theme recently, looks like money format and roundup issue accidentally creeped in. Try to paste code where prices are displayed from product-template.liquid or product-price.liquid or equivalent files of your theme

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
charlinectw
Tourist
12 0 2

Not that I would know, unless someone else has touched it. Is this something you could help me with at all?

 

I have attached the file codes below:

product-template.liquid

 

{%- render 'product-template',
  product: product,
  section_id: product.id,
 
  product_shipping_callout: section.settings.product_shipping_callout,
  image_container_width: section.settings.product_image_size,
  product_image_type: section.settings.product_image_type,
  product_zoom_enable: section.settings.product_zoom_enable,
  variant_type: section.settings.variant_type,
  variant_labels_enable: section.settings.variant_labels_enable,
  sku_enable: section.settings.sku_enable,
  quantity_enable: section.settings.quantity_enable,
  inventory_enable: section.settings.inventory_enable,
  inventory_threshold: section.settings.inventory_threshold,
  inventory_transfers_enable: section.settings.inventory_transfers_enable,
  surface_pickup_enable: section.settings.surface_pickup_enable,
  enable_payment_button: section.settings.enable_payment_button,
  social_enable: section.settings.social_enable,
  video_looping: section.settings.enable_video_looping,
  video_style: section.settings.product_video_style
-%}
 
{%- if settings.enable_product_reviews -%}
  <div id="Reviews-{{ product.id }}" class="index-section product-reviews product-reviews--full">
    <div class="page-width">
      <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
    </div>
  </div>
{%- endif -%}
 
{% schema %}
  {
    "name": "Product pages",
    "settings": [
      {
        "type": "header",
        "content": "Media"
      },
      {
        "type": "select",
        "id": "product_image_size",
        "label": "Image size",
        "default": "large",
        "options": [
          {
            "value": "small",
            "label": "Small"
          },
          {
            "value": "medium",
            "label": "Medium"
          },
          {
            "value": "large",
            "label": "Large"
          }
        ]
      },
      {
        "type": "select",
        "id": "product_image_type",
        "label": "Image style",
        "default": "stacked",
        "options": [
          {
            "value": "stacked",
            "label": "Stacked"
          },
          {
            "value": "slider",
            "label": "Fade"
          }
        ]
      },
      {
        "type": "checkbox",
        "id": "product_zoom_enable",
        "label": "Enable image zoom",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "enable_video_looping",
        "label": "Enable video looping",
        "default": true
      },
      {
        "type": "select",
        "id": "product_video_style",
        "label": "Video style",
        "default": "muted",
        "options": [
          {
            "value": "muted",
            "label": "Video without sound"
          },
          {
            "value": "unmuted",
            "label": "Video with sound"
          }
        ],
        "info": "Video with sound will not autoplay"
      },
      {
        "type": "header",
        "content": "Product settings"
      },
      {
        "type": "checkbox",
        "id": "enable_payment_button",
        "label": "Show dynamic checkout button",
        "info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
        "default": true
      },
      {
        "type": "text",
        "id": "product_shipping_callout",
        "label": "Callout text",
        "info": "E.g. Free shipping + returns"
      },
      {
        "type": "select",
        "id": "variant_type",
        "label": "Variant picker style",
        "default": "button",
        "options": [
          {
            "value": "button",
            "label": "Buttons"
          },
          {
            "value": "dropdown",
            "label": "Dropdown"
          }
        ]
      },
      {
        "type": "checkbox",
        "id": "variant_labels_enable",
        "label": "Show variant labels",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "sku_enable",
        "label": "Show SKU"
      },
      {
        "type": "checkbox",
        "id": "inventory_enable",
        "label": "Show inventory notice"
      },
      {
        "type": "range",
        "id": "inventory_threshold",
        "label": "Inventory threshold",
        "default": 10,
        "min": 0,
        "max": 20,
        "step": 2
      },
      {
        "type": "checkbox",
        "id": "inventory_transfers_enable",
        "label": "Show inventory transfer notice",
        "info": "Learn how to create inventory transfers [here](https://help.shopify.com/en/manual/products/inventory/transfers/create-transfer)"
      },
      {
        "type": "checkbox",
        "id": "quantity_enable",
        "label": "Show quantity field"
      },
      {
        "type": "checkbox",
        "id": "surface_pickup_enable",
        "label": "Enable pickup availability feature",
      },
      {
        "type": "checkbox",
        "id": "social_enable",
        "label": "Enable social sharing",
        "default": true
      }
    ]
  }
{% endschema %}
 
 
{% if product.metafields.loox.num_reviews %}
<script id="looxSchemaJson" type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"@id": {{ canonical_url | json }},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "{{ product.metafields.loox.avg_rating }}",
"reviewCount": "{{ product.metafields.loox.num_reviews }}"
},
"name": {{ product.title | json }}
}
</script>
{% endif %}
 
 
<div id="looxReviews" data-product-id="{{product.id}}" class="loox-reviews-default">{{ product.metafields.loox.reviews }}</div>
 
 
product-template.liquid
 

{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}

{% section 'product-template' %}
{% section 'product-recommendations' %}

{% if collection %}
<div class="text-center return-link-wrapper page-width">
<a href="{{ collection.url }}" class="btn btn--secondary btn--has-icon-before return-link">
{% include 'icon-arrow-left' %}
{{ 'products.product.back_to_collection' | t: title: collection.title }}
</a>
</div>
{% endif %}

<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// add to cart button, sold out, and unavailable states here.
theme.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
}
</script>

{% assign current_variant = product.selected_or_first_available_variant %}

<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": {{ product.title | json }},
"url": {{ shop.url | append: product.url | json }},
{%- if product.featured_media -%}
{%- assign media_size = product.featured_media.preview_image.width | append: 'x' -%}
"image": [
{{ product.featured_media | img_url: media_size | prepend: "https:" | json }}
],
{%- endif -%}
"description": {{ product.description | strip_html | json }},
{%- if current_variant.sku != blank -%}
"sku": {{ current_variant.sku | json }},
{%- endif -%}
"brand": {
"@type": "Thing",
"name": {{ product.vendor | json }}
},
"offers": [
{%- for variant in product.variants -%}
{
"@type" : "Offer",
{%- if variant.sku != blank -%}
"sku": {{ variant.sku | json }},
{%- endif -%}
"availability" : "http://schema.org/{% if variant.available %}InStock{% else %}OutOfStock{% endif %}",
"price" : {{ variant.price | divided_by: 100.00 | json }},
"priceCurrency" : {{ cart.currency.iso_code | json }},
"url" : {{ shop.url | append: variant.url | json }}
}{% unless forloop.last %},{% endunless %}
{%- endfor -%}
]
}
</script>

 

Thanks so much!

Propero
Shopify Partner
875 101 153

There will be another product-template.liquid under snippets 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
charlinectw
Tourist
12 0 2

{%- liquid
assign current_variant = product.selected_or_first_available_variant

assign product_zoom_size = '1800x1800'
assign product_image_size = '620x'

case image_container_width
when 'small'
assign product_image_width = 'medium-up--two-fifths'
assign product_description_width = 'medium-up--three-fifths'
assign product_image_size = '480x'
when 'medium'
assign product_image_width = 'medium-up--one-half'
assign product_description_width = 'medium-up--one-half'
assign product_image_size = '620x'
when 'large'
assign product_image_width = 'medium-up--three-fifths'
assign product_description_width = 'medium-up--two-fifths'
assign product_image_size = '740x'
endcase
-%}

<div id="ProductSection-{{ section_id }}"
class="product-section"
data-section-id="{{ section_id }}"
data-section-type="product-template"
{% if isModal %}
data-subsection
{% endif %}
data-variant-type="{{ variant_type }}"
{% if inventory_enable %}
data-inventory="true"
data-inventory-threshold="{{ inventory_threshold }}"
{% endif %}
{% if inventory_transfers_enable %}
data-incoming-inventory="true"
{% endif %}
{% if product_image_type == 'stacked' %}
data-images-stacked="true"
{% endif %}
data-video-style="{{ video_style }}"
{% unless isModal %}
data-enable-history-state="true"
{% endunless %}>

{%- render 'product-template-variables', product: product, current_variant: current_variant -%}

<div class="page-content">
<div class="page-width">

<div class="grid">
<div class="grid__item {{ product_image_width }}">
{%- render 'product-images',
section_id: section_id,
product: product,
product_image_type: product_image_type,
product_zoom_enable: product_zoom_enable,
product_zoom_size: product_zoom_size,
product_image_size: product_image_size,
isModal: isModal,
video_looping: video_looping,
video_style: video_style
-%}
</div>

<div class="grid__item {{ product_description_width }}{% if product_image_type == 'stacked' %} product-single__sticky{% endif %}">
<div class="product-single__meta">
<div class="product-single__header small--text-center">
{%- if settings.vendor_enable -%}
<div class="product-single__vendor">
{{ product.vendor }}
</div>
{%- endif -%}

{%- if sku_enable -%}
<p class="product-single__sku" data-sku>
{%- if current_variant.sku -%}
{{ current_variant.sku }}
{%- endif -%}
</p>
{%- endif -%}

{%- if isModal -%}
<p class="h1 product-single__title">
{{ product.title }}
</p>
{%- else -%}
<h1 class="h1 product-single__title">
{{ product.title }}
</h1>
{%- endif -%}

{%- if settings.enable_product_reviews -%}
{%- liquid
if isModal
assign review_link = product.url | within: collection | append: '#Reviews-' | append: product.id
else
assign review_link = '#Reviews-' | append: product.id
endif
-%}
<a href="{{ review_link }}" class="product-single__review-link">
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
</a>
{%- endif -%}

<div class="product-single__prices">
{%- if product.compare_at_price_max > product.price -%}
{%- liquid
assign hide_sale_price = true
if current_variant.compare_at_price
assign hide_sale_price = false
endif
-%}
<span
class="visually-hidden"
aria-hidden="{{ hide_sale_price }}"
data-price-a11y>
{{ 'products.general.regular_price' | times:1.20 | t }}
</span>
<span class="{% if hide_sale_price %} hide{% endif %}" data-price-wrapper>
<span class="product__price product__price--compare" data-product-price-compare>
{%- if current_variant.compare_at_price > current_variant.price -%}
{{ current_variant.compare_at_price | times:1.20 | money }}
{%- endif -%}
</span>
</span>
<span class="visually-hidden" data-compare-a11y>{{ 'products.general.sale_price' | t }}</span>
{%- else -%}
<span class="visually-hidden" data-price-a11y>{{ 'products.general.regular_price' | t }}</span>
{%- endif -%}

<span
class="product__price{% if current_variant.compare_at_price > current_variant.price %} sale-price{% endif %}"
data-product-price>
{{ current_variant.price | times:1.20 | money }}
</span>

{%- if product_shipping_callout != blank -%}
<span class="product__note">
{{ product_shipping_callout }}
</span>
{%- endif -%}

</div>

<div data-product-unit-wrapper class="product__unit-price{% unless current_variant.unit_price_measurement %} hide{% endunless %}">
{%- capture unit_price_base_unit -%}
{%- if current_variant.unit_price_measurement -%}
{%- if current_variant.unit_price_measurement.reference_value != 1 -%}
{{ current_variant.unit_price_measurement.reference_value }}
{%- endif -%}
{{ current_variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{%- endcapture -%}

{{ current_variant.unit_price | times:1.20 | money }}/{{ unit_price_base_unit }}
</div>

{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
<div class="product__policies rte">
<small>
{%- if shop.taxes_included -%}
{{ 'products.product.include_taxes' | t }}
{%- endif -%}
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
</small>
</div>
{%- endif -%}

{%- if inventory_enable or inventory_transfers_enable -%}
{%- assign variants_with_inventory_tracking = product.variants | where: 'inventory_management', 'shopify' -%}

<script>
// Store inventory quantities in JS because they're no longer
// available directly in JS when a variant changes.
// Have an object that holds all potential products so it works
// with quick view or with multiple featured products.
window.inventories = window.inventories || {};
window.inventories['{{section_id}}'] = {};
{%- for variant in variants_with_inventory_tracking -%}
window.inventories['{{section_id}}'][{{variant.id}}] = {
'quantity': {{ variant.inventory_quantity | default: 0 }},
'incoming': {{ variant.incoming | default: false | json }},
'next_incoming_date': {{ variant.next_incoming_date | date: format: 'date' | json }}
};
{%- endfor -%}
</script>

{%- liquid
assign inventory_visible = false
if inventory_enable and current_variant.inventory_management == 'shopify'
if current_variant.inventory_quantity <= inventory_threshold and current_variant.inventory_quantity >= 0
assign inventory_visible = true
endif
endif
if current_variant.inventory_quantity == 0 or current_variant.inventory_policy == 'continue'
assign inventory_visible = false
endif
-%}

{%- if inventory_enable -%}
<p
data-product-inventory
class="product__inventory{% unless inventory_visible %} hide{% endunless %}"
>
{%- if current_variant.available -%}
{{ 'products.product.stock_label' | t: count: current_variant.inventory_quantity }}
{%- endif -%}
</p>
{%- endif -%}

{%- if inventory_transfers_enable -%}
<div
data-product-incoming-inventory
class="product__inventory{% if inventory_visible %} hide{% endif %}">
{%- if current_variant.incoming and inventory_visible == false -%}
{%- if current_variant.next_incoming_date -%}
{%- assign date = current_variant.next_incoming_date | date: format: 'date' -%}
{%- if current_variant.available -%}
{{ 'products.product.will_not_ship_until' | t: date: date }}
{%- else -%}
{{ 'products.product.will_be_in_stock_after' | t: date: date }}
{%- endif -%}
{%- else -%}
{{ 'products.product.waiting_for_stock' | t }}
{%- endif -%}
{%- endif -%}
</div>
{%- endif -%}
{%- endif -%}
</div>

{%- unless isModal -%}
{% comment %}
Shopify's product form attaches a number of tracking
scripts that cause slower load times and false statistics.
Quick view modals request these on-demand.
{% endcomment %}
{%- render 'product-form',
section_id: section_id,
product: product,
current_variant: current_variant,
variant_type: variant_type,
variant_labels_enable: variant_labels_enable,
quantity_enable: quantity_enable,
enable_payment_button: enable_payment_button
-%}
{%- else -%}
<div
id="ProductFormPlaceholder-{{ section_id }}"
data-url="{{ product.url | within: collection }}"
data-template="{{ product.template_suffix }}"
class="product-form-holder">
{%- if product.options.size > 0 -%}
{%- for i in (1..product.options.size) -%}
<div class="placeholder-content" style="min-height: 86px; max-width: 66%;"></div>
{%- endfor -%}
{%- endif -%}
<div class="placeholder-content" style="min-height: 86px;"></div>
</div>
{%- endunless -%}

{%- if settings.trust_image != blank -%}
<div class="aos-animate trust-image" style="max-width: {{ settings.trust_image.width }}px;">
<div class="image-wrap " style="height: 0; padding-bottom: {{ 100 | divided_by: settings.trust_image.aspect_ratio }}%;">
{%- assign img_url = settings.trust_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<img class="lazyload"
data-src="{{ img_url }}"
data-widths="[360, 540]"
data-aspectratio="{{ settings.trust_image.aspect_ratio }}"
data-sizes="auto"
alt="{{ settings.trust_image.alt }}">
<noscript>
<img class="lazyloaded" src="{{ settings.trust_image | img_url: '540x' }}" alt="{{ settings.trust_image.alt }}">
</noscript>
</div>
</div>
{%- endif -%}

{%- if surface_pickup_enable -%}
<div data-store-availability
data-product-name="{{ product.title | escape }}"
data-base-url="{{ shop.url }}{{ routes.root_url }}"
></div>
{%- endif -%}

{%- if settings.additional_content_style == 'expandable' -%}
{%- render 'product-additional-content', product: product, section_id: section_id -%}
{%- else -%}
{%- render 'product-additional-tabs', product: product, section_id: section_id -%}
{%- endif -%}

{%- if social_enable -%}
{%- render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product -%}
{%- endif -%}
</div>
</div>
</div>

</div>
</div>
</div>

Propero
Shopify Partner
875 101 153

@charlinectw ,

Please remove all instances of " | times:1.20 " this is basically increasing your product price by 20% by multiplying with 1.2 not sure why that should be the case.

Please create a backup of entire theme by duplicating it just in case things don't  go as expected,

All the best!

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
charlinectw
Tourist
12 0 2

I seemed to have 'broken' the code / not removed enough:

 

{%- liquid
assign current_variant = product.selected_or_first_available_variant

assign product_zoom_size = '1800x1800'
assign product_image_size = '620x'

case image_container_width
when 'small'
assign product_image_width = 'medium-up--two-fifths'
assign product_description_width = 'medium-up--three-fifths'
assign product_image_size = '480x'
when 'medium'
assign product_image_width = 'medium-up--one-half'
assign product_description_width = 'medium-up--one-half'
assign product_image_size = '620x'
when 'large'
assign product_image_width = 'medium-up--three-fifths'
assign product_description_width = 'medium-up--two-fifths'
assign product_image_size = '740x'
endcase
-%}

<div id="ProductSection-{{ section_id }}"
class="product-section"
data-section-id="{{ section_id }}"
data-section-type="product-template"
{% if isModal %}
data-subsection
{% endif %}
data-variant-type="{{ variant_type }}"
{% if inventory_enable %}
data-inventory="true"
data-inventory-threshold="{{ inventory_threshold }}"
{% endif %}
{% if inventory_transfers_enable %}
data-incoming-inventory="true"
{% endif %}
{% if product_image_type == 'stacked' %}
data-images-stacked="true"
{% endif %}
data-video-style="{{ video_style }}"
{% unless isModal %}
data-enable-history-state="true"
{% endunless %}>

{%- render 'product-template-variables', product: product, current_variant: current_variant -%}

<div class="page-content">
<div class="page-width">

<div class="grid">
<div class="grid__item {{ product_image_width }}">
{%- render 'product-images',
section_id: section_id,
product: product,
product_image_type: product_image_type,
product_zoom_enable: product_zoom_enable,
product_zoom_size: product_zoom_size,
product_image_size: product_image_size,
isModal: isModal,
video_looping: video_looping,
video_style: video_style
-%}
</div>

<div class="grid__item {{ product_description_width }}{% if product_image_type == 'stacked' %} product-single__sticky{% endif %}">
<div class="product-single__meta">
<div class="product-single__header small--text-center">
{%- if settings.vendor_enable -%}
<div class="product-single__vendor">
{{ product.vendor }}
</div>
{%- endif -%}

{%- if sku_enable -%}
<p class="product-single__sku" data-sku>
{%- if current_variant.sku -%}
{{ current_variant.sku }}
{%- endif -%}
</p>
{%- endif -%}

{%- if isModal -%}
<p class="h1 product-single__title">
{{ product.title }}
</p>
{%- else -%}
<h1 class="h1 product-single__title">
{{ product.title }}
</h1>
{%- endif -%}

{%- if settings.enable_product_reviews -%}
{%- liquid
if isModal
assign review_link = product.url | within: collection | append: '#Reviews-' | append: product.id
else
assign review_link = '#Reviews-' | append: product.id
endif
-%}
<a href="{{ review_link }}" class="product-single__review-link">
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
</a>
{%- endif -%}

<div class="product-single__prices">
{%- if product.compare_at_price_max > product.price -%}
{%- liquid
assign hide_sale_price = true
if current_variant.compare_at_price
assign hide_sale_price = false
endif
-%}
<span
class="visually-hidden"
aria-hidden="{{ hide_sale_price }}"
data-price-a11y>
{{ 'products.general.regular_price' t }}
</span>
<span class="{% if hide_sale_price %} hide{% endif %}" data-price-wrapper>
<span class="product__price product__price--compare" data-product-price-compare>
{%- if current_variant.compare_at_price > current_variant.price -%}
{{ current_variant.compare_at_price | times:1.20 | money }}
{%- endif -%}
</span>
</span>
<span class="visually-hidden" data-compare-a11y>{{ 'products.general.sale_price' | t }}</span>
{%- else -%}
<span class="visually-hidden" data-price-a11y>{{ 'products.general.regular_price' | t }}</span>
{%- endif -%}

<span
class="product__price{% if current_variant.compare_at_price > current_variant.price %} sale-price{% endif %}"
data-product-price>
{{ current_variant.price money }}
</span>

{%- if product_shipping_callout != blank -%}
<span class="product__note">
{{ product_shipping_callout }}
</span>
{%- endif -%}

</div>

<div data-product-unit-wrapper class="product__unit-price{% unless current_variant.unit_price_measurement %} hide{% endunless %}">
{%- capture unit_price_base_unit -%}
{%- if current_variant.unit_price_measurement -%}
{%- if current_variant.unit_price_measurement.reference_value != 1 -%}
{{ current_variant.unit_price_measurement.reference_value }}
{%- endif -%}
{{ current_variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{%- endcapture -%}

{{ current_variant.unit_price money }}/{{ unit_price_base_unit }}
</div>

{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
<div class="product__policies rte">
<small>
{%- if shop.taxes_included -%}
{{ 'products.product.include_taxes' | t }}
{%- endif -%}
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
</small>
</div>
{%- endif -%}

{%- if inventory_enable or inventory_transfers_enable -%}
{%- assign variants_with_inventory_tracking = product.variants | where: 'inventory_management', 'shopify' -%}

<script>
// Store inventory quantities in JS because they're no longer
// available directly in JS when a variant changes.
// Have an object that holds all potential products so it works
// with quick view or with multiple featured products.
window.inventories = window.inventories || {};
window.inventories['{{section_id}}'] = {};
{%- for variant in variants_with_inventory_tracking -%}
window.inventories['{{section_id}}'][{{variant.id}}] = {
'quantity': {{ variant.inventory_quantity | default: 0 }},
'incoming': {{ variant.incoming | default: false | json }},
'next_incoming_date': {{ variant.next_incoming_date | date: format: 'date' | json }}
};
{%- endfor -%}
</script>

{%- liquid
assign inventory_visible = false
if inventory_enable and current_variant.inventory_management == 'shopify'
if current_variant.inventory_quantity <= inventory_threshold and current_variant.inventory_quantity >= 0
assign inventory_visible = true
endif
endif
if current_variant.inventory_quantity == 0 or current_variant.inventory_policy == 'continue'
assign inventory_visible = false
endif
-%}

{%- if inventory_enable -%}
<p
data-product-inventory
class="product__inventory{% unless inventory_visible %} hide{% endunless %}"
>
{%- if current_variant.available -%}
{{ 'products.product.stock_label' | t: count: current_variant.inventory_quantity }}
{%- endif -%}
</p>
{%- endif -%}

{%- if inventory_transfers_enable -%}
<div
data-product-incoming-inventory
class="product__inventory{% if inventory_visible %} hide{% endif %}">
{%- if current_variant.incoming and inventory_visible == false -%}
{%- if current_variant.next_incoming_date -%}
{%- assign date = current_variant.next_incoming_date | date: format: 'date' -%}
{%- if current_variant.available -%}
{{ 'products.product.will_not_ship_until' | t: date: date }}
{%- else -%}
{{ 'products.product.will_be_in_stock_after' | t: date: date }}
{%- endif -%}
{%- else -%}
{{ 'products.product.waiting_for_stock' | t }}
{%- endif -%}
{%- endif -%}
</div>
{%- endif -%}
{%- endif -%}
</div>

{%- unless isModal -%}
{% comment %}
Shopify's product form attaches a number of tracking
scripts that cause slower load times and false statistics.
Quick view modals request these on-demand.
{% endcomment %}
{%- render 'product-form',
section_id: section_id,
product: product,
current_variant: current_variant,
variant_type: variant_type,
variant_labels_enable: variant_labels_enable,
quantity_enable: quantity_enable,
enable_payment_button: enable_payment_button
-%}
{%- else -%}
<div
id="ProductFormPlaceholder-{{ section_id }}"
data-url="{{ product.url | within: collection }}"
data-template="{{ product.template_suffix }}"
class="product-form-holder">
{%- if product.options.size > 0 -%}
{%- for i in (1..product.options.size) -%}
<div class="placeholder-content" style="min-height: 86px; max-width: 66%;"></div>
{%- endfor -%}
{%- endif -%}
<div class="placeholder-content" style="min-height: 86px;"></div>
</div>
{%- endunless -%}

{%- if settings.trust_image != blank -%}
<div class="aos-animate trust-image" style="max-width: {{ settings.trust_image.width }}px;">
<div class="image-wrap " style="height: 0; padding-bottom: {{ 100 | divided_by: settings.trust_image.aspect_ratio }}%;">
{%- assign img_url = settings.trust_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<img class="lazyload"
data-src="{{ img_url }}"
data-widths="[360, 540]"
data-aspectratio="{{ settings.trust_image.aspect_ratio }}"
data-sizes="auto"
alt="{{ settings.trust_image.alt }}">
<noscript>
<img class="lazyloaded" src="{{ settings.trust_image | img_url: '540x' }}" alt="{{ settings.trust_image.alt }}">
</noscript>
</div>
</div>
{%- endif -%}

{%- if surface_pickup_enable -%}
<div data-store-availability
data-product-name="{{ product.title | escape }}"
data-base-url="{{ shop.url }}{{ routes.root_url }}"
></div>
{%- endif -%}

{%- if settings.additional_content_style == 'expandable' -%}
{%- render 'product-additional-content', product: product, section_id: section_id -%}
{%- else -%}
{%- render 'product-additional-tabs', product: product, section_id: section_id -%}
{%- endif -%}

{%- if social_enable -%}
{%- render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product -%}
{%- endif -%}
</div>
</div>
</div>

</div>
</div>
</div>

Propero
Shopify Partner
875 101 153
Please check back in an hour or so
- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
Propero
Shopify Partner
875 101 153

Please copy and paste this 

{%- liquid
assign current_variant = product.selected_or_first_available_variant

assign product_zoom_size = '1800x1800'
assign product_image_size = '620x'

case image_container_width
when 'small'
assign product_image_width = 'medium-up--two-fifths'
assign product_description_width = 'medium-up--three-fifths'
assign product_image_size = '480x'
when 'medium'
assign product_image_width = 'medium-up--one-half'
assign product_description_width = 'medium-up--one-half'
assign product_image_size = '620x'
when 'large'
assign product_image_width = 'medium-up--three-fifths'
assign product_description_width = 'medium-up--two-fifths'
assign product_image_size = '740x'
endcase
-%}

<div id="ProductSection-{{ section_id }}"
class="product-section"
data-section-id="{{ section_id }}"
data-section-type="product-template"
{% if isModal %}
data-subsection
{% endif %}
data-variant-type="{{ variant_type }}"
{% if inventory_enable %}
data-inventory="true"
data-inventory-threshold="{{ inventory_threshold }}"
{% endif %}
{% if inventory_transfers_enable %}
data-incoming-inventory="true"
{% endif %}
{% if product_image_type == 'stacked' %}
data-images-stacked="true"
{% endif %}
data-video-style="{{ video_style }}"
{% unless isModal %}
data-enable-history-state="true"
{% endunless %}>

{%- render 'product-template-variables', product: product, current_variant: current_variant -%}

<div class="page-content">
<div class="page-width">

<div class="grid">
<div class="grid__item {{ product_image_width }}">
{%- render 'product-images',
section_id: section_id,
product: product,
product_image_type: product_image_type,
product_zoom_enable: product_zoom_enable,
product_zoom_size: product_zoom_size,
product_image_size: product_image_size,
isModal: isModal,
video_looping: video_looping,
video_style: video_style
-%}
</div>

<div class="grid__item {{ product_description_width }}{% if product_image_type == 'stacked' %} product-single__sticky{% endif %}">
<div class="product-single__meta">
<div class="product-single__header small--text-center">
{%- if settings.vendor_enable -%}
<div class="product-single__vendor">
{{ product.vendor }}
</div>
{%- endif -%}

{%- if sku_enable -%}
<p class="product-single__sku" data-sku>
{%- if current_variant.sku -%}
{{ current_variant.sku }}
{%- endif -%}
</p>
{%- endif -%}

{%- if isModal -%}
<p class="h1 product-single__title">
{{ product.title }}
</p>
{%- else -%}
<h1 class="h1 product-single__title">
{{ product.title }}
</h1>
{%- endif -%}

{%- if settings.enable_product_reviews -%}
{%- liquid
if isModal
assign review_link = product.url | within: collection | append: '#Reviews-' | append: product.id
else
assign review_link = '#Reviews-' | append: product.id
endif
-%}
<a href="{{ review_link }}" class="product-single__review-link">
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
</a>
{%- endif -%}

<div class="product-single__prices">
{%- if product.compare_at_price_max > product.price -%}
{%- liquid
assign hide_sale_price = true
if current_variant.compare_at_price
assign hide_sale_price = false
endif
-%}
<span
class="visually-hidden"
aria-hidden="{{ hide_sale_price }}"
data-price-a11y>
{{ 'products.general.regular_price' |  t }}
</span>
<span class="{% if hide_sale_price %} hide{% endif %}" data-price-wrapper>
<span class="product__price product__price--compare" data-product-price-compare>
{%- if current_variant.compare_at_price > current_variant.price -%}
{{ current_variant.compare_at_price | money }}
{%- endif -%}
</span>
</span>
<span class="visually-hidden" data-compare-a11y>{{ 'products.general.sale_price' | t }}</span>
{%- else -%}
<span class="visually-hidden" data-price-a11y>{{ 'products.general.regular_price' | t }}</span>
{%- endif -%}

<span
class="product__price{% if current_variant.compare_at_price > current_variant.price %} sale-price{% endif %}"
data-product-price>
{{ current_variant.price | money }}
</span>

{%- if product_shipping_callout != blank -%}
<span class="product__note">
{{ product_shipping_callout }}
</span>
{%- endif -%}

</div>

<div data-product-unit-wrapper class="product__unit-price{% unless current_variant.unit_price_measurement %} hide{% endunless %}">
{%- capture unit_price_base_unit -%}
{%- if current_variant.unit_price_measurement -%}
{%- if current_variant.unit_price_measurement.reference_value != 1 -%}
{{ current_variant.unit_price_measurement.reference_value }}
{%- endif -%}
{{ current_variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{%- endcapture -%}

{{ current_variant.unit_price | money }}/{{ unit_price_base_unit }}
</div>

{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
<div class="product__policies rte">
<small>
{%- if shop.taxes_included -%}
{{ 'products.product.include_taxes' | t }}
{%- endif -%}
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
</small>
</div>
{%- endif -%}

{%- if inventory_enable or inventory_transfers_enable -%}
{%- assign variants_with_inventory_tracking = product.variants | where: 'inventory_management', 'shopify' -%}

<script>
// Store inventory quantities in JS because they're no longer
// available directly in JS when a variant changes.
// Have an object that holds all potential products so it works
// with quick view or with multiple featured products.
window.inventories = window.inventories || {};
window.inventories['{{section_id}}'] = {};
{%- for variant in variants_with_inventory_tracking -%}
window.inventories['{{section_id}}'][{{variant.id}}] = {
'quantity': {{ variant.inventory_quantity | default: 0 }},
'incoming': {{ variant.incoming | default: false | json }},
'next_incoming_date': {{ variant.next_incoming_date | date: format: 'date' | json }}
};
{%- endfor -%}
</script>

{%- liquid
assign inventory_visible = false
if inventory_enable and current_variant.inventory_management == 'shopify'
if current_variant.inventory_quantity <= inventory_threshold and current_variant.inventory_quantity >= 0
assign inventory_visible = true
endif
endif
if current_variant.inventory_quantity == 0 or current_variant.inventory_policy == 'continue'
assign inventory_visible = false
endif
-%}

{%- if inventory_enable -%}
<p
data-product-inventory
class="product__inventory{% unless inventory_visible %} hide{% endunless %}"
>
{%- if current_variant.available -%}
{{ 'products.product.stock_label' | t: count: current_variant.inventory_quantity }}
{%- endif -%}
</p>
{%- endif -%}

{%- if inventory_transfers_enable -%}
<div
data-product-incoming-inventory
class="product__inventory{% if inventory_visible %} hide{% endif %}">
{%- if current_variant.incoming and inventory_visible == false -%}
{%- if current_variant.next_incoming_date -%}
{%- assign date = current_variant.next_incoming_date | date: format: 'date' -%}
{%- if current_variant.available -%}
{{ 'products.product.will_not_ship_until' | t: date: date }}
{%- else -%}
{{ 'products.product.will_be_in_stock_after' | t: date: date }}
{%- endif -%}
{%- else -%}
{{ 'products.product.waiting_for_stock' | t }}
{%- endif -%}
{%- endif -%}
</div>
{%- endif -%}
{%- endif -%}
</div>

{%- unless isModal -%}
{% comment %}
Shopify's product form attaches a number of tracking
scripts that cause slower load times and false statistics.
Quick view modals request these on-demand.
{% endcomment %}
{%- render 'product-form',
section_id: section_id,
product: product,
current_variant: current_variant,
variant_type: variant_type,
variant_labels_enable: variant_labels_enable,
quantity_enable: quantity_enable,
enable_payment_button: enable_payment_button
-%}
{%- else -%}
<div
id="ProductFormPlaceholder-{{ section_id }}"
data-url="{{ product.url | within: collection }}"
data-template="{{ product.template_suffix }}"
class="product-form-holder">
{%- if product.options.size > 0 -%}
{%- for i in (1..product.options.size) -%}
<div class="placeholder-content" style="min-height: 86px; max-width: 66%;"></div>
{%- endfor -%}
{%- endif -%}
<div class="placeholder-content" style="min-height: 86px;"></div>
</div>
{%- endunless -%}

{%- if settings.trust_image != blank -%}
<div class="aos-animate trust-image" style="max-width: {{ settings.trust_image.width }}px;">
<div class="image-wrap " style="height: 0; padding-bottom: {{ 100 | divided_by: settings.trust_image.aspect_ratio }}%;">
{%- assign img_url = settings.trust_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<img class="lazyload"
data-src="{{ img_url }}"
data-widths="[360, 540]"
data-aspectratio="{{ settings.trust_image.aspect_ratio }}"
data-sizes="auto"
alt="{{ settings.trust_image.alt }}">
<noscript>
<img class="lazyloaded" src="{{ settings.trust_image | img_url: '540x' }}" alt="{{ settings.trust_image.alt }}">
</noscript>
</div>
</div>
{%- endif -%}

{%- if surface_pickup_enable -%}
<div data-store-availability
data-product-name="{{ product.title | escape }}"
data-base-url="{{ shop.url }}{{ routes.root_url }}"
></div>
{%- endif -%}

{%- if settings.additional_content_style == 'expandable' -%}
{%- render 'product-additional-content', product: product, section_id: section_id -%}
{%- else -%}
{%- render 'product-additional-tabs', product: product, section_id: section_id -%}
{%- endif -%}

{%- if social_enable -%}
{%- render 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product -%}
{%- endif -%}
</div>
</div>
</div>

</div>
</div>
</div>
- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
charlinectw
Tourist
12 0 2

Thank you, that did the job with the price! It's just that the image on the product page is huge now and covers almost the whole screen, rather than being on the left side of the text?