Cosmos is a versatile, bright template full of customization possibilities. It is specifically designed to provide a solid foundation for your journey and seamlessly adapt as your business expands and evolves.

Quick Look: Cosmos at a Glance

Ideal for: Both beginners launching their first shop and seasoned sellers seeking a modern, customizable storefront.

Core features:

  • Font and color presets: Choose from 15 different designer-selected combinations to quickly create a beautiful, ready-to-launch shop.
  • Responsive navigation: Optimized navigation for both mobile and desktop devices, with the option to include a search field.
  • Customizable hero image: Personalize your homepage with a hero image, and optionally add header text and buttons.
  • Featured products layout: Select between two layout options on the homepage - alternating or standard grid.
  • Product information display: Show product information beneath the thumbnail image or overlay it on the image when hovered over.
  • Product category display: Optionally display product categories on the homepage for easy browsing.
  • Text and translations: Customize buttons, navigation labels, and other system text—or translate your shop into different languages.
  • Custom messages: Include custom messages on cart, contact, and maintenance pages.

Explore more about Cosmos below.

Image Specs

.png, .gif, .jpg .jpeg are all supported image file types. Be sure your images don't exceed 10MB - Cosmos supports a large logo image.

Logo size

280 px

Background image size

200px x 200px

Hero image

1200px by 600px

Template Essentials

View a full list of everything Cosmos has to offer.

Adjust and organize your shop’s header, footer, main navigation menus, and overall page layout to create a cohesive and user-friendly browsing experience.

Head to Settings and then click into Style to edit settings like text and color

Logo Image

Transparent background recommended. Ideal height is at least 600px for best results.

Logo Image Height

Controls the maximum height of your logo.

Menu style for shop header

Choose how to display shop header menu items

Transform text in shop header

Controls the text case styling in your shop header

Show search

Shows the product search area

Maximum categories per row

The maximum number of Home page categories displayed per row

Product grid image style

Control how product images display in product grids

Product grid info

Shows a product's name & price on hover, or under the image

Maximum products per row

The maximum number of products displayed per row on larger screens

Maximum products per row (mobile)

The number of products displayed per row on smaller screens

Products per page

The number of products shown at a time on the Products page

Hide Big Cartel logo in footer and menus (premium feature)

Choose whether to show attribution to Big Cartel in your shop design

Show categories in footer

Display product category links in your footer

Show custom pages in footer

Display links to your custom pages in your footer

Footer text

Show a custom message in your footer

Footer text position

Choose where to show your footer message

Homepage

Design and control your homepage layout to spotlight your brand just the way you envision it.

Image of Design > Settings > Homepage where you can add a hero image
Image of Design > Settings > Homepage where you can adjust texts and buttons on the homepage

Hero Image

Minimum size of 1200 x 600px recommended.

Slideshow

Adds slideshow to the homepage. Use same-sized images, recommend 1200 × 800px. Overrides hero image if both are set.

Hero image width

Sets the width of your hero image

Hero welcome text

Displays a welcome message over your hero image

Hero button text

Displays over your hero image and links to your Products page

Hero button behavior

Controls the behavior of the hero button on the Home page

Auto-play homepage slideshow

Automatically advances slides in the homepage slideshow

Slideshow speed

Controls how quickly slides advance in the auto-playing slideshow

Featured products

The number of products displayed on the Home page

Featured products order

The order of products on the Home page

Featured products layout

Sets a layout style for featured products on the Home page

Display categories on homepage

Displays categories as a grid on the Home page

Featured categories

The number of categories displayed on the Home page

Featured categories display style

Sets the display of images in the product grid

Category image style

Shows a category’s name over the image with an overlay, or under the image

Product page

Control the layout and display settings of your product pages, including image placement, product details, pricing, and how customers interact with your listings.

Enable product image zoom

Click to open a larger version of the Product page image

Desktop product page images

Sets the display of the Product page gallery

Mobile product page image carousel

Choose to hide or show thumbnails on the mobile Product page carousel

Show related products

Displays related products on Product pages

Related products

The maximum number of related products to show on Product pages

Related products order

Top sellersThe order of related products on the Product pages

Show sold out product variants

Shows sold out product variants in the Product page dropdowns

Show inventory bars

Shows a product's inventory amounts (when using inventory tracking)

Show product stock alerts

Show shoppers alerts on Product pages when it's running low on stock

Low stock alert

When stock drops below this number, a low stock message appears. "Almost sold out" at half

Buy Now, Pay Later Messaging

Show payment options prior to checkout on product and cart pages. Learn more

Shop announcements

Personalize the messages that appear on your shop’s announcement banners, contact page, cart page, and maintenance screen—so you can keep customers informed, on-brand, and maybe even entertained at every step.

Announcement banner

Displays an announcement message on the top of every page. Accepts HTML for links and styling.

Contact page

Displays a message at the top of your contact page. Accepts HTML for links and styling.

Cart page

Displays a message at the top your cart page when there are items in the cart. Accepts HTML for links and styling.

Maintenance mode message

A message visitors see when your shop is in Maintenance Mode. Accepts HTML for links and styling.

Social Media

Connect with customers by sharing your social media accounts

Supported social media links

Stay connected by adding your social links to your shop: Instagram, TikTok, Bluesky, Threads, X, Facebook, Snapchat, Pinterest, YouTube, Spotify, LinkedIn, Tumblr, Bandcamp

Text and translations

Edit default text across your shop—like buttons, navigation links, and system messages—or translate everything into another language to better connect with your audience.

Image of Design > Settings > Text and Translations where you can translate your shop elements to another language
Image of Design > Settings > Text and Translations where you can manually change or translate elelments in your shop

Language for text in your shop

Language to use for translations

Translation mode

Select how text appears throughout your shop. Automatic uses default translations; Manual allows custom edits for improved translation or messaging.

Miscellaneous

Adjust extra template options to fine-tune your shop’s design and layout.

Show prices for sold out products

Show the price of sold out products on product grids and product pages

Show prices for coming soon products

Show the price of coming soon products on product grids and product pages

Price display

Control how pricing appears across your shop: display with a currency symbol (like $), a currency code (like USD), or show just the number.

Shop sprinkles

Add a fun, animated emoji sprinkle effect to your shop

Steps

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

  1. Log in at my.bigcartel.com.
  2. Go to shop designer.
  3. Click the Themes tab in the top left corner.
  4. Click Cosmos.
  5. Click Done, then Publish to apply the changes or Exit to leave without saving.
How helpful was this article: