If you're using your Theme's header for your ZP pages which contains an ajax Cart option like a slider or drawer cart and the OCU checkout isn't initiating for your upsell tagged product from your ZP page from there, then this article applies to you! 

How to add an OCU snippet in the ZP pages template in case your customers are not redirected to the OCU checkout from your ZP page:

Note: This only applies to store owner who are using their Theme's custom header for the page built within the ZP app and have added an OCU upsell tagged product to the page. 

Here are the steps:

1. Within your Shopify admin, go to Online Store > Themes.

2. Click the Actions dropdown for the currently published theme and select Edit code.

3. In the Templates folder, find the page.custom.zipifypages.liquid file there.

4. Check that the following code hasn't already been added in this Template file.

{% render 'ocuapp-theme', ocuapp: ocuapp %}
{% assign ocuapp = true %}

5. If it hasn't already been added, then add the following piece of code before the </body> tag within the page.custom.zipifypages.liquid file:

{% capture zp_include_upsell %}{% render 'ocuapp-theme', ocuapp: ocuapp %}
{% assign ocuapp = true %}{% endcapture %}
{% unless zp_include_upsell contains 'Liquid error: Could not find asset snippets/ocuapp-theme.liquid' %}{{ zp_include_upsell | strip }}{% endunless %}{% assign zp_include_upsell = '' %}

If it has already been added in the page.custom.zipifypages.liquid file, then replace

{% render 'ocuapp-theme', ocuapp: ocuapp %}
{% assign ocuapp = true %}

with

{% capture zp_include_upsell %}{% render 'ocuapp-theme', ocuapp: ocuapp %}
{% assign ocuapp = true %}{% endcapture %}
{% unless zp_include_upsell contains 'Liquid error: Could not find asset snippets/ocuapp-theme.liquid' %}{{ zp_include_upsell | strip }}{% endunless %}{% assign zp_include_upsell = '' %}

before the </body> tag in the page.custom.zipifypages.liquid file.


6. Save the changes made to the page.custom.zipifypages.liquid file and you're done! 

Additional notes:
This will only fix the issue for elements in your Theme's customer header like a floating cart icon for example, but it won't fix the issue with redirection to the OCU checkout from the ZP pages blocks themselves.

For the ZP pages blocks, we recommend the following"

  • Add your OCU trigger product to the page using a Buy Box block
  • Set the Buy Box button's destination to "Checkout"
  • Enable the OCU app integration in the Settings > Integrations section of the Zipify Pages app

*Note: If you have enabled the "Skip Cart Page" feature for the OCU app, then you can also set the Buy Box button destination to "Cart - Add to Cart and Load Cart Page" and that configuration will also initiate OCU checkout directly from the Buy Box button on the Zipify Page, skipping the Cart Page.

Did this answer your question?