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.

Example online store using Boundless

Theme editor

Use the theme editor to customize your theme. The theme editor toolbar is divided into Sections and Theme settings.

The theme editor toolbar showing Sections and Theme settings

You can use sections to modify the content and layout of the different pages on your store. You can use theme settings to customize your store's fonts and colors, and make changes to your social media links and checkout settings.

Sections

Sections are customizable blocks of content that determine the layout of your online store. Each theme includes static sections and dynamic sections.

Static sections

Static sections are always in specific locations on your online store. You can edit static sections, but you can't rearrange or remove them. Each type of page on your online store includes different static sections.

Boundless includes the following static sections:

Dynamic sections

You can add, rearrange, and remove dynamic sections to customize the layout of your home page. Each theme has a unique set of dynamic sections to choose from.

Boundless includes the following dynamic sections:

Most themes include a header section and a footer section that show on every page in the store. Boundless is different from other themes in that it doesn't include a header section on the home page. Instead, the home page shows a sidebar menu and an action bar at the top of the page. To view and edit the header section, select any page type aside from Home page from the top bar drop-down menu.

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

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.

Slideshow

Boundless uses a full-screen or "hero" slideshow, so it's best to use images that are very large. For example, use images that are 3840 x 2160 px or larger, as long as you don't exceed Shopify's upload limits. With Boundless, you can show up to 6 slides in the home page slideshow.

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.

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.

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.

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.

Product

In the Product section, you can add or remove the following elements:

  • The product brand or vendor
  • A quantity selector
  • Social sharing icons
  • A dynamic checkout button

You can also skip the first product image, set the style of your images, and choose the width of the product form.

To edit the settings for product pages:

  1. From the top-bar drop-down menu, select Product pages.

  2. Click Sections.

  3. Click Product.

  4. To skip the first product image, check Skip first product image.

    This means that the first product image shows only on collection pages, and not on product pages. Using this option, you can design your first product image to look best on collection pages and tailor your other product images to look better in the larger space provided on product pages:

    An example showing the collection page with the first product image and product page with the second and third product images

  5. To set your image style, from the Image style drop-down menu, select Tall/square or Wide.

  6. To show the product brand or vendor, check Show vendor. For a brand or vendor to show, you need to add a vendor to the product.

  7. To show a quantity selector, check Show quantity selector.

  8. To show social sharing icons, check Enable product sharing.

  9. To show a dynamic checkout button, check Show dynamic checkout button.

  10. To set the width of your product form, from the Product form width drop-down menu, select Small or Large.

  11. 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.

In the Featured collection section of the theme editor, 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 in portrait orientation
  • Wide is best if your images are rectangular or in landscape orientation

The Image size option determines how large your product images are on your collections page. If you show small product images, then 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.

  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

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.

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. Enter and format your 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.

Custom HTML

In the Custom HTML section, you can use HTML code to create custom content for your home page. For example, you can use HTML to format text blocks, create tables, or embed content from a third-party website.

To add custom HTML to your home page:

  1. Find Boundless and click Customize.

  2. Click Sections.

  3. Click Add section.

  4. In the Advanced layout area, click Custom HTML > Add.

  5. Click Custom HTML, and enter the HTML code that you want to add to your home page.

  6. Click Save.

Theme settings

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

Boundless includes the following theme settings:

Colors

You can choose the colors for the different parts of your online store.

  1. Click Theme settings.

  2. Click Colors.

  3. For each type of content, click the color swatch to use the color picker:

    The color picker in the theme editor

    • The Recently selected area shows colors that you have recently selected for your theme.
    • The Currently used area shows colors that you are currently using in other parts of your theme.

    To set the color to transparent, click None.

  4. Click Save.

Typography

You can choose the typography for the text on your online store.

To customize the typography:

  1. Find Boundless and click Customize.

  2. Click Theme settings.

  3. Click Typography.

  4. For each type of text, click Change to use the font picker:

    The 'Change' button on the font picker

  5. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, check out Shopify's font library.

  6. Click the name of the font that you want to use.

  7. To change the font to a different style, such as bold or italic, click Regular. Next, click the style that you want to use, and then click Select:

    A selection of font weights available on the font picker

  8. 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.

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

To set cart options in Brooklyn:

  1. Click Theme 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

You can add social sharing buttons for your products and blog posts, and links to your social media accounts.

To customize the social media settings:

  1. Find Boundless and click Customize.

  2. Click Theme settings.

  3. Click Social media.

  4. To upload a social sharing image, in the Social sharing image area, click Select image or Explore free images.

  5. To add links to your social media accounts, in the Accounts area, enter the links to your accounts in the fields provided. Enter full links, such as https://instagram.com/shopify, or https://twitter.com/shopify.

    Links to your social media accounts show in the footer of your online store.

  6. To add social sharing buttons to your products and blog posts, in the Sharing options area, check any or all of the checkboxes.

    You can add the following sharing buttons:

    • Share on Facebook
    • Tweet on Twitter
    • Pin on Pinterest (not available for blog post sharing)
  7. Click Save.

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 Theme 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.

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.

Ready to start selling with Shopify?

Try it free