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.

STEP 1. Copy the scripts to enable the feature

Copy the following scripts

<script>
  teeinblue = {
    addCartPreviewButton: true,
    cartPreviewButtonText: 'The text you want to display', 
  };
</script>

STEP 2. Paste the scripts to your Cart Page

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>

Paste the lines of code you have copied from the Step 1:

<script>
  teeinblue = {
    addCartPreviewButton: true,
    cartPreviewButtonText: 'The text you want to display', 
  };
</script>

It should look like this:



Note:
- You can toggle the feature ON or OFF by changing the addCartPreviewButton between true or false.
- You can use the cartPreviewButtonText to name the Button anything you want.

STEP 3. Check the results

If you've done all the steps above correctly, your Cart Page will look like this:



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

Updated on: 01/08/2023