Skip to main content

Hide a Purchase Canvas

For designers with purchase links on their designs

Written by JT Pals

Designs submitted to the Showit Design Market cannot have a separate purchase option included in the design preview that would direct them to purchase on a different site.

You can however add a canvas with a purchase option that would be hidden for viewers of the Showit Vanity URL while it displays under a custom +Site. Follow the steps below for the use of the custom code.

Note: You will need to publish to a custom +Site URL in order for the purchase bar to appear. Contact Showit Support if you don't have +Site (subdomain) options setup yet.

You will need a custom domain connected to your account for this to work.
​
Use the +Site URL for previewing on your own store.


​

Submitting a Design to the Showit Store


Designs with a purchase bar canvas that are submitted to the Showit Design Market will need to use the Showit Vanity URL link when providing a preview link.
​
You can find and edit the Vanity URL in your Site Settings.
​

Hide a Purchase Canvas


  1. Add a Canvas with suggested name "Purchase Bar-Delete This" so that it's clear to the end user to delete before publishing the design.

2. Add Embed Code Widget to the canvas you want to hide.
​

3. Add the following code into the Custom Code box under the Embed Info tab in the right side Properties Panel.

<div class="hidden-buy-canvas" style="display:none"></div>
<script>
var this_domain = window.location.hostname;
if(this_domain.slice(-12) == '.showit.site') {
var parent_canvas = jQuery('.hidden-buy-canvas').closest('.sb');
parent_canvas.remove();
$(".shopify-buy-frame").remove();
}
</script>

4. Publish and confirm that the canvas hides when the design is viewed with the Showit Vanity URL found under Site Settings.

Did this answer your question?