How to disable the product page location pop-up

In this article, we are going to take a look at disabling the location pop-up that is displayed on the product page.

Note: This article will cover Palo Alto versions before 3.0.0


1

Locating the Product Template

In order to disable this functionality in the Modular theme, you will need to navigate to your Online Store > Themes > Actions > Edit code and open the 'product-template.liquid' file from the Sections folder:

2

Isolating the Store Availability Container

In this file, use CTRL + F or Command + F to find the 'store-availability-container'. Once you have located its divider you will need to replace it with this code snippet:
{%- if section.settings.enable_store_availability -%}
   <div class="product-single__store-availability-container{% if section.settings.text_alignment == 'text-center' %} store-availability-container--center{% endif %}" data-store-availability-container></div>
{%- endif -%}

Before:

After:

3

Adding the Schema Settings

Our next step is to scroll down to the schema of the file and add this code snippet before the rest of the checkboxes schema:
{
	"type": "checkbox",
	"id": "enable_store_availability",
	"label": "Show local pickup availability",
	"info": "Show customers where they can pick up the product. [Learn more](https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/local-methods/local-pickup#show-pickup-availability-to-your-customers)",
	"default": false
},

Before:

After:

4

Disabling the option in the Theme Editor

Finally, we need to Save the file and go into the Theme Editor. From here select the Product pages option in the top drop-down menu, open the Product pages section and you will now see a checkbox to enable or disable the pop-up:

Remember that you can always reach out to our support tea if you run into any trouble!

Still need help? Contact Us Contact Us