Boundless

Boundless is a photography-first theme with a minimal UI that features edge-to-edge photography. Boundless is mobile-first and suited for stores with medium to large inventories.

Customers can use two navigation menus to get around your store. Boundless features a sidebar menu and an action bar. Both menus are shown on desktop and mobile devices.

The sidebar menu acts like a table of contents for your store. No matter where a customer is, the menu button will show your store's main menu and footer menu.

Action bar

By default, the action bar shows your store's main menu. You can customize your action bar to show different items based on what page your customer is looking at. On the home page, the action bar is most often used to show your product collections. Within a collection, the action bar can show further subcategories or other related collections.

For example, if your store sells apparel, your action bar might show Men, Women, and Accessories on your home page. If a customer clicks Women, the action bar might then show Tops, Pants, and Footwear on the collection page.

To make your action bar work this way, use your main menu for links to your collections. Put links to other parts of your store (your Contact or About pages) in your footer menu.

Header and slideshow logos

Boundless lets you upload multiple versions of your logo: one that's shown in page headers and another that can be shown as an overlay on your store's home page. You can use the same logo image for both locations if you prefer.

Your header logo should have a maximum height of about 65 px, and looks best if it doesn't clash with the Navigation background color that you have chosen on your Customize theme page:

Header logo example

Your slideshow logo is shown on top of the main slideshow on your store's home page. For this logo, you can upload a larger or even different version of your logo to make sure it looks best on your home page:

Slideshow logo example

  1. Find your Boundless theme and click Customize theme.

  2. Click Home page - slideshow.

  3. In the Logo section, click to select Use a custom logo.

  4. Under Logo image, click Choose file.

  5. Find and select your logo file and click Open to upload it as your slideshow logo.

  6. Click Save changes to confirm the changes to your theme.

Your custom slideshow logo will be shown as an overlay on the slideshow on your store's home page.

Slideshow image size

The recommended minimum width for Boundless slideshow images is 1400px.

Skip first product image option

In the Product page section of your Customize theme page, The Skip first product image option makes the first image for each product only appear on the collections page of your store. Your product page will skip this first image and show your other product images in a larger, full-width size.

Using this option, you can design your first product image to look best on the collections page and tailor your other product images to look better in the larger space provided on the product page.

Skip first product image example

Image styles and sizes

In the Collection page section of your Customize theme page, the Image style option lets you change how your collection and product pages show images:

  • Tall/square is best if your product images are square or taller (portrait)
  • Wide is best if your images are wider (landscape)

The Image size option determines how large your product images are on your collections page. If you show smaller product images, you can fit more images in a single row.

The number of images shown per row also depends on a customer's device (desktop or mobile) and window size.

Colors

With Boundless, you can choose the colors for your store. Some color options will affect more than one section of the theme.

  1. Click the General settings tab.

  2. Click Colors.

  3. For each type of text or background, click the color swatch to select a new color from a palette.

    Tip

    Clicking the checkered square sets the color to transparent:

    Color picker transparent

  4. Click Save.

Typography

The Typography settings lets you specify how text will appear on your site. You can choose the text size and font for body text, headings, and navigation links and buttons.

To specify how text will appear in your online store:

  1. Click the General settings tab.

  2. Click Typography.

  3. In the Headings and Body text sections, select a font and font size for your store's text.

  4. To capitalize menu links and button text, check Capitalize text.

  5. To increase letter spacing in link and button text, select a spacing size from the Letter spacing list.

  6. Click Save.

Cart

@@enable order notes and drawer or page view@@

Social media

Boundless includes several options for integrating your store with social media, including Facebook, Twitter, and Pinterest.

To enable social media settings for Boundless:

  1. Click the General settings tab.

  2. Click Social media.

Accounts

You can display links to your social media accounts in the footer of your site. Enter the URLs of your social media sites in the fields provided.

Sharing options

You can also allow your customers to share content from your online store to their social media accounts. In the Sharing options section, check the box for each type of social media sharing you want to allow:

  • Check Share on Facebook to enable the Facebook sharing button for products or blog posts.

  • Check Tweet on Twitter to enable the Twitter sharing button for products or blog posts.

  • Check Pin on Pinterest to enable the Pinterest sharing button for products or blog posts.

Button style

Minimal lets you choose a style for social media buttons on your product pages:

  • Fully branded displays thumbnail-size buttons with rounded edges

  • Logo only uses a simpler button design with just the social network logo against a white background and a thin border

Favicon

You can upload a favorites icon, or a "favicon", which can help brand your online store by displaying your logo in the following locations:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • next to your online store name when it is bookmarked.

To upload a favicon:

  1. Click the General settings tab.

  2. Click Favicon.

  3. In the Favicon image area, click Upload image to select a background image from your local computer, or click the select from library link to select an image that you have already uploaded to your Shopify admin. The recommended size for Boundless is 32 x 32px.

  4. Click Save.

Checkout

This section lets you customize your store's checkout. Click here for more information about your store's checkout page.

Theme styles

Boundless comes with two theme styles:

  • Fashion — A dark gray and white style that features a home page slide show, featured item product rows, and collections displayed in grids.
  • Vintage — A light gray and white style that enables featured item product rows and grid-style collections.
  • Music — A black and white style with a textured background image that resembles flecked paper. The Music preset features a home page slide show, featured products, and grid-style collections.

Tip

Theme styles were previously called presets.

To select a theme style:

  1. Click the General settings tab.

  2. Click the Change theme style button.

  3. Click the theme style you want to use.

  4. Click Change style.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free