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.

Boundless

Common sections

Most themes include a header section and a footer section that display on every page in the store. Boundless is different from other themes in that it doesn't include a header section on the homepage. Instead, the homepage displays a Sidebar menu and an Action bar at the top of the page. To view and edit the Header section settings for Boundless, you will need to use the theme preview to navigate to any page in your online store that is not the homepage.

The Header section includes the option to upload a logo image, and set a custom logo width.

Boundless also includes a Footer section, which is displayed at the bottom of the page and typically displays the footer menu, which includes "Search", "About us", and "Policies" links.

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:

The sidebar menu displays two menus: the Primary menu is displayed at the top in larger type, and the Additional menu is displayed below the Primary menu in smaller type.

To customize the sidebar menu:

  1. Click Sections.

  2. Click Sidebar menu.

  3. From the Primary menu list, select the menu you want to display as the primary menu. Typically, this is your store's main menu.

  4. From the Additional menu list, select the menu you want to display below the primary menu. Typically, this is your store's footer menu.

  5. Click Save.

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.

Action bar

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.

To customize your action bar:

  1. Click the Sections tab.

  2. Click Action bar.

  3. From the Menu list, select the menu you want to display in the action bar.

  4. Click Save.

With Boundless, you can display a menu in your footer content.

Tip

We recommend that you display your footer menu in both your store's sidebar menu and in your store's footer.

To customize your store's footer:

  1. Click the Sections tab.

  2. Click Footer.

  3. From the Menu list, select the menu you want to display in the footer.

  4. Click Save.

Slideshow

Boundless displays a full-screen slideshow at the top of the home page. With Boundless, you can show up to 6 slides in the home page slideshow. The recommended size for slide show images is 1000 x 1000px.

Boundless includes several slideshow features that are not available with all themes. You can upload an image logo or your store name in the middle of the slideshow image. You can also apply a color overlay to the slideshow images.

To customize your store's slideshow:

  1. Click the Sections tab.

  2. Click Slideshow.

To add an image slide:

  1. In the Content area, click Image.

  2. To add an image to the slide, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select a stock image from Shopify's Burst stock image collection, click the Free images tab. From here you can enter a search term, or browse the image categories.
    • To select an image from your local computer, click the Library tab, and then click the plus button.

To display your store's name on image slides:

  1. In the Logo area, click the Text color swatch to select a text color from a palette.

  2. From the Logo type list, select Store name text. Your store name is automatically displayed.

To display your store's logo on image slides:

  1. In the Logo area, from the Logo type list, select Custom logo.

  2. In the Custom logo image area, click Select image and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  3. Type the logo width in the Logo width (in pixels) field.

To apply a color overlay to slideshow images

  1. In the Overlay area, click the Image overlay color swatch to select a color from a palette.

  2. From the Opacity list, select a transparency percentage for the image overlay.

Rich text

Use the Rich text section to provide any written content you want to display on your home page, or to embed any page created in your Shopify admin. For example, you can feature upcoming events by embedding your blog page, or display a page with any of the following:

  1. Click the Sections tab.

  2. Click Rich text.

  3. If you want to add text, then click Text and enter your text in the Text field. Click the bold or italic icons to format the selected text.

  4. If you want to feature a page from your store, then click Add content and then click Page. Select a page to feature as your home page from the drop-down menu.

  5. Click Save.

In the Featured collection 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.

  1. Click the Sections tab.

  2. Click the Featured collection section.

  3. Select a collection from the Collection list. Up to 50 products will be displayed from the collection that you select.

  4. From the Image style list, choose whether you want images to be Tall/square or Wide.

  5. From the Image size list, choose an image size, either Small, Medium, Large, or Extra large.

  6. To increase the spacing around product images, check Add image spacing.

  7. To show the product vendor or brand name, check Show product vendor.

  8. Click Save.

Newsletter signup

With Boundless, you can customize a newsletter signup section where customers can provide their email address to receive newsletters from your store. When someone signs up for your newsletter, they are added as a customer to your store. We recommend that you install a newsletter app to manage your marketing campaigns.

By default, Boundless includes a newsletter section. You can customize the section by entering a header for the section, for example "Sign up" or "Receive weekly deals". If you do not want to offer a newsletter signup, you can remove this section from the home page.

To customize the newsletter signup:

  1. Click the Sections tab.

  2. Click Newsletter signup.

  3. In the Header field, enter the text you want to appear above the sign up form.

  4. Click Save.

Product

With Boundless, you can use the Skip first product image option to make 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

You can also let your customers share your products on social media, including Facebook, Instagram, and Pinterest.

  1. In the theme preview, open a product page.

  2. Click the Sections tab.

  3. Click Product.

  4. If you want your customers to share the product on social media, then check Enable product sharing.

  5. If you want to skip the first product image on your product pages, then check Skip first product image.

  6. From the Image style list, select an orientation for the product image, either Tall/square or Wide.

  7. Click Save.

Collection

Boundless includes several sorting and filtering, appearance, and pagination options for your collection pages.

  1. In the theme preview, open a collection page.

  2. Click the Sections tab.

  3. Click Collection.

  4. In the Appearance area, set the following options:

    • From the Image style list, select a picture orientation for product images, either Tall/square or Wide.
  • From the Image size list, select a size for product images.

  • If you want to increase the spacing between images, then check Add spacing between images.

  • If you want to show the vendor or brand name below product images, then check Show product vendor.

  1. In the Sorting & filtering area, set the following options:
  • If you want to show a list of sorting options, then check Show sorting options.

  • If you want to show a list that lets customers filter by tag, then check Show tag filtering.

  1. In the Pagination area, from the Pagination type list, select whether you want to show numbered pages or a "View more" button.

  2. Click Save.

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

Boundless lets you customize your cart page by selecting the cart type and enabling order notes from the customer.

The Boundless theme supports 2 cart types:

  • Page redirects customers to your cart page when an item is added to the cart.

  • Drawer opens a drawer on the side of the page when items are added to a cart and prompts the user to proceed to the checkout page.

Tip

The Drawer cart is an AJAX cart type, which means that it might prevent the functionality of scripts such as a date picker that allows your customer to select a delivery date. Click here to read up on the Shopify Ajax API.

Boundless also includes an option to let your customers send you special instructions with their order.

To set cart options in Brooklyn:

  1. Click General settings.

  2. Click Cart page.

  3. Select a cart type from the Cart type list.

  4. If you want to allow customers to provide order notes at checkout, then check Enable order notes.

  5. Click Save.

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.

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 Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  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:

  • Black and white — A black and white style that features an action bar, sidebar menu, and slideshow.
  • Vibrant — A black, white, and orange style that features an action bar, sidebar menu, and slideshow.

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.

Setting up sub-menus in the action bar

When setting up your store's navigation, it's important to note that if you create a menu on the action bar that links to the home page, then that menu will also display on the home page. This can occur when you are setting up menus for collections that don't yet exist, so instead you create a placeholder link to the home page.

As a best practice, it is recommended that you first create your collections before creating the collection links for the action bar. Or, you can link to the All Products page until you have created the collection you want to link to.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free