Relied upon by ShopSite store owners, Magic Thumb has been the professional choice since 2008 for graceful full-screen effects.
This ShopSite image tool makes it easy to apply these effects to your pages.
With free new versions regularly released, your products will always look gorgeous with Magic Thumb.
- Download Magic Thumb (free and fully functional demo version).
- Upload the magicthumb.css and magicthumb.js files under Merchandising > Custom Templates > Includes > Upload A Publish File.
If you are using a custom template, reference the magicthumb.css and magicthumb.js files to the <head> section of your custom template using the code below:
Note: If you are using a built in ShopSite template, you will first need to make a copy of the product template you are using (you can look under Products > Edit Product Layout to see what template you are using). Then copy that template under Merchandising > Custom Templates > Page/Product > Copy A ShopSite Product Template. The easiest thing to do now, if you want this modified template to be applied to ALL your products, is to re-copy your copy, and re-name it the exact same name as the original product template so that your modified product template overrides the original. Then, find the </head> tag in your newly copied product template, and paste the code above just above it.
In that same product template you modified in Step 3, locate the