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.
Navigation and layout
Adjust and organize your shop’s header, footer, main navigation menus, and overall page layout to create a cohesive and user-friendly browsing experience.
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.
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.
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.
- Log in at my.bigcartel.com.
- Go to shop designer.
- Click the Themes tab in the top left corner.
- Click Cosmos.
- Click Done, then Publish to apply the changes or Exit to leave without saving.