Documentation Storefront Components Troubleshooting

Storefront Components Troubleshooting

Here we will describe how to find, repair, and remove any storefront component you have installed.

Component not showing on page

Since these components must be manually placed in your theme, it may take some trial-and-error to get them seated and showing correctly.

Is the component in a hidden part of your theme?

These components are rendered as part of your page, and if the section of your theme you placed this component in is not visible, our UI element will not be either.

Solution: Try moving the code snippet for this component to a different area of the page, then refreshing to see the results.

Did the component load correctly?

Most components begin in an inactive state, then activate once our logic is loaded into the page. If you can see where your component should be but get a grayed out box instead, follow the instructions at the bottom of this page to contact us and we’ll look into it.

Resetting a component

Storefront components are designed to be customized and modified to your heart’s content. This can include changing the component visually, or even changing how it functions to match your needs.

If you take things a little too far and end up breaking the component, or simply want to reset back to a fresh state, simply:

  1. Go to the Parcelify app page
  2. Scroll down to the storefront component in question
    Important: The next step is destructive. If you want to retain changes you’ve made to a component, please save any files you’ve changed to a secure location
  3. Click [Uninstall]
  4. After a moment, click [Install] to resume using this component

Now your component will be back to the default settings.

Uninstalling

To completely remove a component, start by uninstalling it from your Parcelify app page

  1. Go to the Parcelify app page
  2. Scroll down to the storefront component in question
    Important: The next step is destructive. If you want to retain changes you’ve made to a component, please save any files you’ve changed to a secure location
  3. Click [Uninstall]

Next, locate and remove the component from your theme.

  1. In the Shopify admin panel, click on the theme where you have this component installed
  2. On this page you should see an Actions dropdown. Click it and select ‘Edit code’


  3. Search for and remove the text associated with this component

The exact text to remove will be different depending on the components you have installed, but they should all start with the following:

<!-- Place this in the theme Section -->

If you have more than one component installed, be sure to double-check the page you are on and component you are removing before continuing. For example, deleting the following code will remove the checkout estimator from your theme:

{% include 'parcelify-rate-calculator' %}

Still have questions?

We have a robust documentation that we are constantly updating and amending based on the feedback from customers like you. Please feel free to contact us if you have further questions about Parcelify.

Storefront Component Catalog Storefront Landing Page