Theme Integrations

This document will outline how to manage Parcelify Storefront theme integrations and other storefront enhancements.

How to manually remove integrations

When you disable the Storefront Shipping Rates feature it will automatically remove the theme integrations from your active theme. If you have uninstalled Parcelify and wish to manually remove the theme integrations, the following to changes are that is required.

Remove theme.liquid Snippet

Within the theme.liquid layout file there is a snippet of code towards the end of the file that looks like this:

<!-- START PARCELIFY CODE -->
{% if content_for_header contains 'parcelify.herokuapp.com' %}
  {% render 'parcelify-checkout-script' %}
{% endif %}
<!-- END PARCELIFY CODE -->

Remove the five lines of code from the <!-- START PARCELIFY CODE --> through to <!-- END PARCELIFY CODE -->.

Remove parcelify-cart-snippet.liquid

Within the Snippets section of your theme there is a parcelify-cart-snippet.liquid file. Delete this file if the above snippet was removed from the theme.liquid file.

Re-installing theme integrations

If you change your theme then the Parcelify integrations will be lost. Use the “Re-install Theme Integrations” button found in the Parcelify admin to re-install the theme integrations.

Screenshot of re-install theme integrations option

Customizing Colours

The accent colours of the customer information and rate selection are customizable by adding custom CSS variables to your Shopify theme.

Colour Reference

There are three accent colours that are customizable - the default colour and lighter and darker variants of it.

Untitled

Updating Your Theme

To customize these colours is, simply add the following CSS variables to your theme.liquid layout file either by creating a new style block, or adding them to an existing one.

{% style %}
  :root {
    --parcelify-primary-color: #bf94e4; // default
    --parcelify-primary-color-lighter: #DDC2F4; // lighter
    --parcelify-primary-color-darker: #A06BCD; // darker
  }
{% endstyle %}

Removing Shipping Rate Products from Catalog

Parcelify Shipping Rate Products will appear in your “All Products” catalog and be accessible by your customers. This can be fixed by creating a custom All collection.

Untitled

Create a new collection

Create a new Collection with the name “All” and a condition of Product Vendor is not equal to “Parcelify”:

Untitled

Save the collection and you are done. Parcelify Shipping Rate products are not accessible by your customers.

Untitled