Previewing Giftship on Your Website Before Publishing Live


If you want to preview on a test theme before making the changes live, you can add the following snippet of code to your live theme right before the closing </head> tag in your theme.liquid file. Once you wish to set it live, make sure to remove the code from your live theme.

#gsAppContainer {
display: none !important;
/* This hides all of Giftships options on the product page, but you can refine this to hide only certain parts */

<script type="text/javascript">
var GsLoaded = function(){
var _removeBox = function(){
var giftship_box = document.getElementById('gsAppContainer');
if(typeof(giftship_box) != 'undefined' && giftship_box != null){
} else {
}, 100);
// IMPORTANT : This is necessary if you have any options set to required in Giftship, otherwise, customers will not be able to add products to the cart!
// This removes all of Giftships options, but you can refine this to remove only certain options

To summarize this entire process...

- Create a duplicate theme of your site. Starting from your dashboard and going to Online Store --> Themes and selecting Duplicate from the Actions dropdown associated with your desired theme.

- Go to your live theme, and enter in the code as instructed above in your theme.liquid file.

- Go into the Giftship dashboard and enable the app. 

- Go back to your duplicated theme, and press 'Preview'.

You can now view Giftship on your duplicated theme, while it is hidden on your live site. Please remember to remove the code above from your live site if you want to make Giftship live.

0 out of 0 found this helpful



Please sign in to leave a comment.