![]() Delete the magicthumb folder from the assets folder (on your server).Delete the magic-squarespace.js file from the assets folder (on your server).In your Squarespace admin panel, go to: Settings > Advanced > Code Injection and delete following code from the Header section: Thanks for trying Magic Thumb on your Squarespace site! What did you hope Magic Thumb could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback. Then overwrite the demo magicthumb.js file with the one from your licensed version. Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb.That's it! Magic Thumb will now be automatically applied to all your product image galleries.Some small businesses try to design a Image Carousel website solo or get a web designer who claims he/she can build an Image Carousel. Click the Save button at the top of the page. The Image Carousel Squarespace plugin is the solution you need to succeed with its time-tested ability to get more leads for Squarespace sites.In your Squarespace admin panel, go to: Settings > Advanced > Code Injection and insert following code in the Header section: Login to your Squarespace admin panel: (replace your-site with your domain name).Download this file - magic-squarespace.js (right click it and save it to your computer), then upload that file to the same assets folder on your server. ![]() Unzip the file on your computer and SFTP the magicthumb folder to the assets folder (on your server), keeping the file and folder structure intact.Download Magic Thumb (free and fully functional demo version).Click the + icon next to the page you want to add the carousel to. If an assets folder does not already exist, create a new assets folder in the root directory of your Squarespace website. To create a carousel in Squarespace, follow these steps: 1. ( Squarespace 7.1 users: Version 7.1 doesn't allow SFTP. Connect to your website with SFTP, following the Squarespace SFTP instructions. Please note that you will need to enable developer mode.In short, make these adjustments on each page to customize the results that show when a user clicks on the category headings:ġ // Bold the current page title (this will be different for each page)Ģ // Add navigation links (this will be the same for each page)ģ // Add summary grid filter (this will be different for each page)Ĥ // Select “Featured Filter” for index page only. Then, adjust the summary grid settings so the proper gallery is shown by adding a filter. Note: Don’t select “open in new tab” otherwise you won’t end up with the filtered gallery effect. Since the headings stay the same-except for the bold text to indicate the current gallery-it makes it feel like you’re not even leaving the page, which gives the desired effect of this Squarespace workaround. This makes the category navigation headings clickable so your audience can switch between galleries. And for each category in your header navigation text, add internal links to link to their corresponding pages. On each page, make the text bold for that page to emphasize the current gallery being viewed. Now that you have all the necessary pages created, it’s time to add the final details and customizations. Here’s how I used this trick to sort my blog archive categories : Create a “store” on your Squarespace website that link to items in your external shop, such as Etsy or Shopify. Use this workaround to filter the topics your content is centered around.Ĭover page for your products that link to an external website to purchase // Products that link to another site to purchase. Potential buyers can get a glimpse of your available items by easily toggling through select products from your shop.Īrchives page for your blog or podcast // Let your readers or listeners quickly find the information they are looking for. This is a great way to provide useful information about each image or content, as well as draw in visitors and. The carousel allows you to showcase multiple images or pieces of content, while adding a text overlay to each slide. New or featured products from your shop // Showcase your latest or popular products. A Squarespace Carousel with Text is a great way to create an interactive and engaging experience on your website. Make it easy for your audience to find and view the pieces they’re most interested in. Portfolio collections for artists // Highlight different collections of your works of art. Or any other way you’d like to group your photos in a responsive, dynamic gallery. Let your audience easily filter between portrait, wedding, family, newborn, etc. įiltered photo gallery display // Perfect for photographers, this is a creative way to showcase the different types of photos you offer. Possible ways to implement this technique include.
0 Comments
Leave a Reply. |