• Updated on 1 March 2024
  • 2 min read
View Demo Store
Help cover image

The Hopscotch template lets you effortlessly create a unique vibe for your online store. With its flexible layout and photo setup, this template brings a fresh and exciting approach to showcasing your products while maintaining a clean and organized appearance.

Who is this template for?

The Hopscotch template is designed for those who want to make a bold and sophisticated visual statement for their brand. Its flexible layout and innovative photo setup allow your products to take center stage in a modern and cool way, while ensuring that your webpage remains visually appealing and well-structured.


  • Responsive design: Optimized to provide an excellent browsing experience on any mobile or desktop device.

  • Logo display: Display your store's logo in the header, reinforcing your brand identity.

  • Product text display: Customize the layout of product thumbnail text, allowing for horizontal or vertical display options.

  • Welcome image customization: Personalize the Homepage with a custom welcome image and accompanying message, creating a warm and inviting atmosphere for visitors.

  • Homepage image gallery: Showcase a gallery of thumbnail images on the Home page, providing additional visual appeal and highlighting your products.

  • Product variant inventory: Choose to show or hide sold-out product variants in the dropdown menus on the Product page, ensuring a smooth shopping experience for your customers.

  • Social Media integration: Add links to popular social media platforms like Twitter, Facebook, Tumblr, Pinterest, and Instagram, enabling seamless connectivity with your audience.


  • The header logo should be no larger than 300 x 80 pixels.

  • The recommended size for welcome images is 1200 x 750 pixels.

  • Utilize the Gallery feature to showcase additional images, enhancing the visual appeal of your products.

  • Capitalize on the home page's welcome message to advertise promotions, share your company's story, or greet customers with a personal touch.

  • Use the Style settings to select a font and color palette that aligns with your brand's identity, ensuring a cohesive and professional look throughout your online store.


Heads up! If you are switching from another template, follow this guide to help you seamlessly switch to the Hopscotch template.

  1. Log in at my.bigcartel.com.

  2. Go to Design.

  3. Click the Themes tab in the top left corner.

  4. Click Hopscotch.

  5. Click Save to apply the changes or Exit to leave without saving.

Have questions?

Our support team is available Monday - Friday from 8am-6pm EST.

Contact Support