Add to Cart button not displaying on product pages in Chrome

[Thomas_Sansone]

I am having trouble with the Add to Cart button on my Sunrise theme. It isn’t regularly appearing in chrome, even incognito. It appears to work fine in Firefox and Internet Explorer. The Theme developer says its and app, but I removed all apps and reverted back to the earliest revision and I’m still having the problem.

Here is a sample product. https://videogametrader.com/products/6691

When the page first loads the Add to Cart button Flashes for a second and then goes away. On other browsers it does appear. I’ve attached images.

FireFox Browser

Internet Explorer

Chrome Browser

This is driving me nutty.

Here is my theme code. Any help is appreciated.

====================================

{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign featured_image = current_variant.featured_image | default: product.featured_image -%}
{%- assign product_image_zoom_size = ‘1024x1024’ -%}
{%- assign zoom_enabled = section.settings.zoom_product -%}

{{ product.title | escape}}

{% if product.compare_at_price > product.price %} {% if section.settings.show_sale_sticker %} {{ 'products.general.sale' | t }} {% endif %} {% endif %}

{% for image in product.images %} {%- assign active_image = "" -%} {%- if featured_image == image -%} {%- assign active_image = "active-img" -%} {%- endif -%} {% endfor %}

{% assign product_vendor_handle = product.vendor | handle %} {% if collections[product_vendor_handle].handle == product_vendor_handle %} {% assign vendor_url = collections[product_vendor_handle].url %} {% else %} {% assign vendor_url = product.vendor | url_for_vendor %} {% endif %}

{{ product.vendor | link_to: vendor_url }}

{% if product.tags contains “MAP” %}

Add to cart for price

{% else %}

{% if product.available %} {% else %} {% endif %} {% if product.compare_at_price > product.price %} {{ current_variant.price | money }} {{ current_variant.compare_at_price | money }} {% else %} {{ current_variant.price | money }}  {% endif %}

{% endif %}

{% if section.settings.show_product_sku %}

{% if current_variant.sku != blank %}{{'products.product.sku' | t}} {{current_variant.sku}}{% endif %}

{% endif %}

{% unless product.options.size == 1 and product.variants[0].title == 'Default Title' %} {% for option in product.options_with_values %}

{{ option.name }} {% for value in option.values %} {{ value }} {% endfor %}

{% endfor %} {% endunless %} {% for variant in product.variants %} {% if variant.available %} {{ variant.title }} - {{ variant.price | money_with_currency }} {% else %} {{ variant.title }} - {{ 'products.product.sold_out' | t }} {% endif %} {% endfor %}

{% if section.settings.show_preorder and current_variant.inventory_management and current_variant.inventory_quantity <= 0 and current_variant.inventory_policy == "continue" %}

{{'products.product.preorder_msg' | t}}

{% elsif section.settings.show_inventory and current_variant.inventory_management %}

{{'products.product.availability' | t}} {{current_variant.inventory_quantity}} {{ 'products.product.in_stock' | t }}

{% endif %}

{% if section.settings.show_qty %}

{{'products.product.quantity' | t}}

{% endif %} {% unless current_variant.available %} {{ 'products.product.sold_out' | t }} {% else %} {{ 'products.product.add_to_cart' | t }} {% endunless %}

{% if collection %}
{% if collection.previous_product or collection.next_product %}

{% if collection.previous_product %} {% capture prev_url %}{{ collection.previous_product}}#content{% endcapture %} {{ 'products.general.previous_product_html' | t | link_to: prev_url }} {% endif %} {% if collection.next_product %} {% capture next_url %}{{ collection.next_product}}#content{% endcapture %} {{ 'products.general.next_product_html' | t | link_to: next_url }} {% endif %}

{% endif %} {% endif %}

{% if section.settings.product_social %}

{% capture shareHeading %}{{ 'products.general.share' | t }}{% endcapture %} {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product, share_heading:shareHeading %}

{% endif %}

{{ product.description }}

{% if section.settings.product_related %}
{% include ‘related’ %}
{% endif %}

{% unless product.empty? %}

{% endunless %}

{% schema %}
{
“name”: “Product pages”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_inventory”,
“label”: “Show inventory quantity”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_preorder”,
“label”: “Show "pre-order" message”,
“default”: true,
“info”: “This will only appear when a product has managed inventory that is 0 or less and still available to buy”
},
{
“type”: “checkbox”,
“id”: “zoom_product”,
“label”: “Enable image zoom”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_qty”,
“label”: “Show qty box on product screen”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_product_sku”,
“label”: “Show SKU”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: “Show vendor”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_sale_sticker”,
“label”: “Show sale sticker”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “product_social”,
“label”: “Show sharing buttons”,
“default”: true
},
{
“type”: “header”,
“content”: “Related items”
},
{
“type”: “checkbox”,
“id”: “product_related”,
“label”: “Enable”,
“default”: true
},
{
“type”: “text”,
“id”: “title_related”,
“label”: “Title”,
“default”: “You may also like…”
},
{
“type”: “checkbox”,
“id”: “mobile_related_items”,
“label”: “Hide related items on mobile”,
“default”: false
}
]
}
{% endschema %}

[Hardik29418]

it is appearing in my chrome browser everytime. Do not know what the issue in your browser. Please first remove all cache and cookie data from your browser and then try

[Thomas_Sansone]

It’s so weird. Some product pages work. Some don’t and some work after I refresh a bunch of times. I also have customers telling me they can’t order because the button doesn’t exist. I tried deleting data and it worked for a few minutes then stopped again. I’m at a loss. I also tried incognito and it didnt’ work.

[Hardik29418]

Please place this code at the end of theme.scss and then try

.purchase {
display: block !important;
}

[Thomas_Sansone]

Hi. Thanks for the reply. I don’t have a Theme. scss. I have a theme.liquid and theme.js.liquid

[Hardik29418]

then in theme.liquid, between head tag, do code like this

MY GIVEN CODE HERE

[Thomas_Sansone]

Ok, so when I went to the I was going to install your code at the end right before . That is when I noticed old APP code. I deleted that and now this appears to be working.

I didn’t add your code yet. What does it do? I may still add it.

Thanks again.

[Hardik29418]

So now there is no need to install my code

[teja2810]

Hey there

i have the same problem i noticed an old app code ,but not sure what to delete before as there are so many lines before it

can you help ?

thank you

[Hardik29418]

Please provide website url. @teja2810