Atlantic's products and collections

Your product and collection pages are the lifeblood of your ecommerce store. They're where you display your products, convey their value, and, if you're lucky, make the sale.

You'll upload and configure your products and collections in the Shopify admin (you can read more about how to do that here), but when it comes to customizing how they display, you'll do that within the theme editor. Just navigate to the page in the theme editor, and you'll see a section pop up, giving you access to settings specific to that page. We'll give you the rundown on the settings for each page below.

Product pages

product-page

Your product pages are where you highlight the features and benefits of your individual products. At minimum, it should contain the product title, images, a description, the price, and an add-to-cart button. In Atlantic, you can customize your product pages by navigating to a product page in the theme editor and clicking on  Product pages under the Sections tab.

GENERAL

Off the top, you can select whether or not to Show breadcrumbs by checking the box or not. Breadcrumbs are a secondary navigation that show the current location of a visitor on your website, and how they got there (think Hansel and Gretel). It looks something like this:

breadcrumbs

Note that there are multiple places where breadcrumbs  can appear on your site, but checking this setting will only affect your product pages.

Next, you can choose whether or not to  Show quantity selector (it's that box where people can opt to buy 1 or 100 of your products).

You can also elect to  Show email link. If enabled, this will display beneath your product images. It will say "Email us about this product," by default, but you can customize the text by clicking on the dropdown menu next to your theme name and navigating to Edit languages.

IMAGES

Atlantic allows you to customize the images on your product pages in a few ways:

First, you can  Enable image zoom by checking that option. This means that when a user hovers over a product image, a magnifying glass icon will appear and they will be able to click to get an up-close look at your product. Note that enabling this feature necessitates large, hi-res photography.

Second, you can  Enable image lightbox link, which is a link that lets users view a full-size version of the image in a popup modal. Like so:

full-size-image

If enabled, this link will appear beneath your product image and will say, "View fullsize image." You can customize the language by clicking on the dropdown menu next to your theme name and navigating to  Edit languages.

Third, you can select the  Product thumbnail position from the dropdown menu. This option refers to the alternate views of your product that appear adjacent to the main image. You can opt to show them to the Right of main image, Below main image, or No thumbnails, display as list.

ADVANCED

Here, you can select whether or not to Enable quick add-to-cart. Enabling it means that when users add an item to their cart, they will stay on that page, as opposed to being directed to the cart page.

RELATED PRODUCTS

Checking Enable related products will allow customers to discover other items that are similar to the one they are currently looking at. Related products are automatically pulled from the same collection as the product in view.

related-products

FITTING GUIDE

Atlantic gives you the option of displaying a customized link to a fitting guide. First you'll have to create a page under  Online store>Pages in the Shopify admin, then you'll link to it under the Page dropdown in the Product page>Fitting guide section of the theme editor.

You can also customize the icon from the  Fitting guide icon dropdown. The choices are: Shirt, Ruler, and Info (a stylized letter "i"). The fitting guide will display beneath your product image, along with the email and full-size image links.

fitting-guide-link

Collection pages

collections-page

A collection page displays all of the products in a given collection. You can configure your collections from within your Shopify admin (more information here). In Atlantic, you can customize your collection pages by navigating to a collection in the theme editor and clicking on Collection pages under the Sections tab.

GENERAL

Select whether or not to Show breadcrumbs by checking the box at the top. Breadcrumbs are a secondary navigation that show the current location of a visitor on your website, and how they got there (think Hansel and Gretel). It looks something like this:

breadcrumbs

Note that there are multiple places where breadcrumbs  can appear on your site, but checking this setting will affect only your product pages.

PRODUCTS

Here, you'll select the  Number of products per row (2, 3, or 4), as well as the Number of rows (1 to 11).

FILTERING

Checking  Enable sorting allows customers to sort products in a different order than they appear by default (e.g. Featured, Price: Low to High, Price: High to Low, A-Z, Newest to Oldest, etc.).

The Enable tag filter option allows visitors to sort products by custom tags, which can be added to product pages in your Shopify admin. You'll find them under Organization on the right side of each product editing screen.

SIDEBAR

You can choose to show a sidebar menu on collection pages. Simply check Enable sidebar, then choose a collection menu to display from the Collection sidebar menu dropdown. It will look something like this:

collection-page-sidebar

PAGINATION

Atlantic comes with two distinct pagination styles:  Standard pagination and Jump-to-page pagination. The former allows users only to click through pages in sequence (displaying as "Page 1 of 5" with "Previous" and "Next" links), while the latter allows users to jump to the page they want (displaying links to all the pages in a collection). Note that while you can set the pagination for your store in many different places, this setting applies only to the pagination of your collection pages.

Collection listings page

collections-list-page

The collection listing page displays an index of your store's collections. To access the settings for this page, navigate to your catalog or collections page in the theme editor and then click Collection listings under the Sections tab.

GENERAL

Select whether or not to Show breadcrumbs by checking the box at the top. Breadcrumbs are a secondary navigation that show the current location of a visitor on your website, and how they got there (think Hansel and Gretel). It looks something like this:

breadcrumbs

Note that there are multiple places where breadcrumbs  can appear on your site, but checking this setting will affect only your collection listings page.