Add a Button to enlarge the Customization Image inside Cart Page

We have released a new feature that allows you to add a Button which enlarges the Customization Image inside Cart Page.



Once clicked, it will look like this:



Please continue reading to learn more about how to do so. These steps will require a little coding skill. You can contact our Support Team should you have any troubles while doing so.


Log in to your Shopify store admin > Go to Themes > Edit code




Under Layout folder, find the "theme.liquid" file, click on the file name to open that file on the right.

Ctrl+F to find the tag </head>

Copy and paste these lines of code to the line above the </head>:

<script>
  teeinblue = {
    addCartPreviewButton: true,
    cartPreviewButtonText: 'Preview Design', 
    cartPreviewCheckoutLabel: 'Process to Checkout', 
    cartPreviewShowCheckout: true,
  };
</script>

Explanation:
- addCartPreviewButton: change to "true" to enable the preview button on Cart, or change to "false" to disable.
- cartPreviewButtonText: change the label of the preview button on Cart.
- cartPreviewCheckoutLabel: change the label of the Checkout button on preview popup.
- cartPreviewShowCheckout: change to "true" to show the Checkout button on popup, or change to "false" to hide it.

Done.

Please contact our Support Team should you need help doing so!

Updated on: 06/11/2023