Hide a Purchase Canvas

For designers with purchase links on their designs

JT Pals avatar
Written by JT Pals
Updated over a week ago

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.

Example URLs:
http://design1.mydomain.com - Purchase Bar Shows
http://design1.showit.site - Purchase Bar Hidden

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 under 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?