First, install the WeSupply app directly from the Shopify app store: How to install WeSupply on your Shopify store?
Once the WeSupply app is installed, you can further proceed with the steps below to include the WeSupply functionalities on your website.
We highly recommend first working in preview mode after making any changes and double-checking if everything looks as expected.
Note: The steps below require you to edit your theme's code, in various theme files, depending on the functionality you need to add. The guide applies to the base Shopify theme and if you're running a different theme, your file structure and names may be different. If that's the case, you'll need to identify the specific file/template in which you need to add the code, as well as the general area. For example, you can identify the area under the Price on the Product Page template to add the Estimated Delivery Date functionality.
Step 1
Go to your Shopify store > Online Stores > Themes > Current theme > Actions > Edit code:
Step 2
Now head to Layout > theme.liquid and in the code editor section, right before the <head> element ends, add the code below:
{% include 'wesupply' %}
Then click Preview to make sure that your store looks fine and once verified, click Save.
Step 3
To change the default Shopify Order Detail page with the WeSupply one, in your current theme go to Templates > customers/account.liquid, and at the end of the code editor include the code below:
{% include 'ws-changeOrderLinks' %}
Click Save when you're done.
Step 4
To include the WeSupply Tracking button link in the footer of your website, go to Sections > footer.liquid and in the code editor, after the footer section ends, add the code below:
{% include 'ws-trackingInfoLink' %}
Click Save when you're done.
Step 5
To include the WeSupply Estimated Delivery Dates for your Shopify products, go to Sections > main-product.liquid and after the form product add the code below:
{% include 'ws-shippingEstimates' %}
Click Save when you're done.
If you'd like to hide the estimated delivery date for out-of-stock products, please use the code below under the main-product.liquid section:
{% if current_variant.available and current_variant.inventory_quantity > 0 %}
{% include ‘ws-shippingEstimates’ %}
{% endif %}
WeSupply's app snippets are not automatically installed, please download them from here and upload them to your theme's code.
If you need help with the setup process, please contact our support team at support@wesupplylabs.com.
Comments
0 comments
Please sign in to leave a comment.