Pacific Theme Manual

Our documentation is for the latest version of the theme. If you need help with an older version of the theme, please send us a support request (found to the right). Below, you’ll find instructions for all theme settings and features, roughly in the same order as the sections in your theme editor panel.

pacific-demo

Table of Contents

Getting started

New to Shopify?

If you’re setting up a Shopify store for the first time, we recommend taking a gander at the Shopify help center for a full overview of the platform.

In our article Getting Started: Shopify Basics, we cover the essentials for getting your store up and running, including adding products, setting up collections, and creating a blog. Once you’ve got these things set up, you’ll be in a good position to start customizing your theme.

Upload your new theme

If you purchased the theme directly from Shopify, your theme will be automatically installed when you log into your Shopify admin.

If you purchased your theme from pixelunion.net, you’ll receive your theme as a .zip file named something like pacific.v2.0.2.zip.

Once you’ve downloaded the theme file, go to your Shopify admin dashboard and navigate to Online Store > Themes. Then click Upload theme in the top-right corner. Select your theme file from your computer and click Upload.

upload-theme

Your new theme will show up below your current theme. At this point, it is installed, but not published. When you’re ready to unveil your new look to the world, click Publish theme.

The theme editor

Once you’ve uploaded your theme, it’s time to make it your own. While all of your products, collections, pages, and navigation will be configured in the Shopify admin, any changes you make to the look and feel of your store will happen in the theme editor. You’ll access it by navigating to Online Store>Themes and then clicking the blue Customize theme button in the top right of your screen.

You’ll see that the theme editor is divided into two tabs: Sections and General settings. We’ll cover each in detail below, but here’s the Coles Notes.

Sections tab

The Sections tab contains all of the sections that are available to you in Pacific. Essentially, sections are the building blocks of your store, allowing you to assemble pages from customizable, re-orderable components. You can add, remove, and reorder sections, as well as access the customization features for each from the Sections tab.

General settings tab

The General settings tab lets you make global changes to the look of your store, including typography, text and background color, as well as links to your social media accounts.

pacific-general-settings

Pro tips

Most of the time you spend in the theme editor will be on either the Sections or General settings pages. There are, however, a few lesser-known areas and shortcuts that can be super helpful as you’re building your store. Here’s what you need to know:

pacific-theme-dropdown

The dropdown menu attached to your theme name contains a bunch of handy links. First up, Documentation. That’s what you’re looking at now, and it’s only ever a click away if you need a little bit of guidance setting up your menus or slideshow.

Next, Support. If you can’t find a fix in the documentation, you can always email our world-class support team. They’ll get back to you by the next business day.

If you’re fluent in Liquid (Shopify’s templating language) you can kick your customizations up a notch by digging into the theme’s code under Edit code. If not, our support team will be more than happy to put you in touch with someone who is.

Finally, Edit languages lets you both change the language of your theme and checkout as well as customize the wording that is used throughout your store.

At the opposite end of the theme editor, you’ll find a little button with a screen and an arrow on it. It lets you toggle between previewing what your site will look like on desktop (Fit to screen) and on mobile (Small screen). It looks like this:

desktop-mobile-icon

Finally, if you want to collapse the theme editor controls and preview your store in full-screen, all you need to do is click the tiny left-pointing arrow in the middle of the panel. Easy!

Theme Styles

Pacific comes packaged with four theme styles that curate your store’s colors, fonts, and styles for you. Check out our store demos to see the Cool, Bold, Bright, and Warm presets.

To select the theme style you would like to use in your store, click  over to the General settings tab, then scroll all the way to the bottom to the Change theme style button. Here, you can preview the theme styles and select the one that’s right for your store.

change-theme-style

Note that applying and saving a new theme style will overwrite your current style settings, however you will not lose any content from your store. It’s always a good idea to make a backup copy of your theme before you start making customizations. Use the duplicate copy as your working version until you’re ready to publish it.

Sections, explained

Sections is a Shopify feature that effectively allows merchants to assemble pages from customizable components (or sections!). This means tons of flexibility, especially on the homepage, where you can add, remove and reorder sections with just a few clicks. Examples of sections include featured products, slideshows, collection listings, or videos. You’ll access the customization options for all of them from the Sections tab in the theme editor.

The content on your homepage is made up of dynamic sections, meaning you can add and arrange as many as you want. A few notable exceptions in Pacific are the Header and Footer, as well as Promotions, which are fixed to various points on the homepage and cannot be repositioned—these are called fixed sections. (You can, however, still customize their content.)

Some other page types also make use of fixed sections. To see if the page you’re building has sections, open the theme editor and navigate to the page you’re working on within it. (For example, if you click through to your product catalog in the theme editor, you’ll see that a section pops up for Collection pages, giving you access to settings specific to that section.)

Setting up your homepage

When you first install Pacific, you’ll notice that several default homepage sections are already visible: the HeaderFooter and Promotions, as well as SlideshowGallery, Featured collectionImage with text, and News. Notice how each of these sections associates to “empty state” placeholder content in the preview. This will give you an idea of the formatting of each section.

pacific-placeholder-content

Clicking on any of these “section” blocks will bring up a set of unique configuration settings, or you can click Add section, which will reveal an array of other optional sections that you can add to your homepage. We’ll cover each of them in detail—more or less in the order they appear—below.

Fixed homepage sections

Fixed sections are exactly what you’d guess they are—components that are fixed to the top and bottom of your site and cannot be moved. In Pacific, there are three fixed homepage sections: the HeaderFooter, and the Promotions section. Here’s what they do and how to set them up in your store:

Header

pacific-header

The header is the rectangular area that runs across the top of your store containing your logo, navigation, search, currency converter, and cart. It appears on every page and is intended to be used to promote your company’s brand and make it instantly recognizable to your visitors. This is a static section and cannot be repositioned.

LOGO

Your store’s logo provides branding for your site and a clickable link to return to the homepage.

By default, Pacific will display your store name as your logo. To replace it, click the Upload image button and select the file you’d like to use. We recommend an a 450 x 200px .png image file. Larger images will be automatically resized to fit this constraint.

You can also set a custom Logo width in the field below the image upload. You may want to do this to accommodate retina screens (which have a pixel density double that of non-retina screens). By uploading a logo that is 600px wide, but then setting the width to 300px (for example), you’ll ensure your logo looks sharp on both retina and non-retina devices. To learn more, click here.

TOP BAR

The top bar is the contrasting bar that spans the top of your store. You can add Promotional text to it to communicate a special offer like free shipping or a discount code.

NAVIGATION

To add links to your menus, you must leave the theme editor by clicking the back button, and then the Back to Shopify link in the top left corner. Go to Online store > Navigation. Here, you’ll find two pre-populated menus: Main menu and Footer menu. You can edit the links in these menus by clicking Edit menu or create additional menus by clicking Add menu. For more on how to configure menus, see Shopify’s instructions. Below is an example of how the menus are set up in our Pacific-Warm demo:

pacific-demo-menu-setup

Back in the theme editor under Header>Navigation, you’ll “connect” the Main menu you want to serve as your store’s primary navigation. The obvious choice is the default “Main menu,” but you can dare to be different!

MEGA NAVIGATION

Pacific has an optional mega-navigation setting, which essentially extends your store’s pre-existing navigation system by an additional two menu tiers and up to four columns. Using this feature can improve user experience, helping your customers find products faster.

To set up mega navigation in your store, start by adding a link to your Main menu titled “Mega Nav.” (You’ll do this in the Online store>Navigation section of your Shopify admin pictured above). Then, in the theme editor, under Header>Mega navigation, you’ll enter a Navigation name that you want to replace “Mega Nav.” This could be something like “Collections” or “Products” or “Shop.”

Next, you’ll go back to the Online store>Navigation section of your Shopify admin and create the sub-menus that you want to display here. In our example below, we’ve created three separate menus: Coffee gear, Subscriptions, and Beans. Each of these lists is populated with Menu items, which can be added by clicking the Edit menu link in the right corner of each menu block.

pacific-mega-nav

The final step to setting up your mega navigation is to “connect” the menus you’ve just created to your store. You’ll do this in the Content section at the bottom of the header settings.

Click one of the existing Mega navigation tiers or click Add mega navigation tier to add your content. Select the Menu you want to include from the dropdown, then add an image if you would like to display one above your menu (we recommend a 900 x 900 px .jpg). You can also add an optional Link to the menu title. In our example, the “Beans” menu links to a “Fresh Roasted Beans” collection page, but you can forgo linking the menu titles if you wish.

That should do it! You’ve set up mega nav in your store. Way to go!

Footer

pacific-footer

Like a footer on a document or report, a website footer contains information listed at the bottom of a page. Typically, the footer is the area that visitors expect to find the “fine print”—legal information such as terms and conditions and privacy policies, but also FAQs, size guides, and contact information. Pacific provides the space to display all of these and more.

PAYMENT ICONS

You can accept a variety of payment methods in your Shopify store, including credit cards, PayPal, and digital currencies. You’ll enable and manage these from your Shopify admin under Settings>Payments. For more information on configuring your payment settings, click here.

payment-settings

Once you’ve selected the payment methods you want to accept, you can switch their icons on or off in the Footer>Settings section of the theme editor. These will display at the very bottom of your store’s footer.
screen-shot-2016-12-13-at-10-12-05-am

There are a number of other items you can display in your footer if you wish. These include: menus, featured content, your Twitter feed, your Instagram feed, and your Newsletter and/or social links. You’ll add these by clicking Add content and selecting the item you want to add. You can include up to three of these optional items in your store’s footer.

MENUS

Pacific allows you to display up to two menus in the footer section of your store. First, set them up under Online store>Navigation (more information here), then use the dropdown menus for Menu 1 and Menu 2 to configure them in your theme editor.

rich text

Rich text allows you to add a customized message (heading + text) to your footer. Simply complete the Heading and Text fields and you’re good to go.

TWITTER FEED

The Twitter option displays your store’s most recent tweet in your footer. Simply enter a Heading, your Username (excluding the ‘@’ symbol) in the corresponding field and check the Show retweets option if you would like to include those in your feed.

INSTAGRAM feed

To integrate your Instagram account, you’ll need to locate and input your Instagram Access Token. Follow the help link (or click here) to learn how to generate a token. Copy and paste your token back into the Access token field in the theme editor.

You can also customize the Heading and for your feed, and set the Number of images that you want to display (3 or 6).

NEWSLETTER/SOCIAL LINKS

To help you build your mailing list, Pacific comes with a newsletter subscription field that (if enabled) appears in the footer of your store. Check Enable newsletter to activate it. All email addresses collected by this form will be added to your customer list (just click Customers in the Shopify admin). If you want to filter this list (purchasers versus newsletter opt-ins, for example) you can sort them by tag under the Custom search tab. Newsletter opt-ins will be findable with the “newsletter” tag.

If you’d like to display your store’s social links in your footer, you can also do that here. Just check Enable social links. You’ll connect your social accounts in the Social media section of the General settings.

You can also customize the heading that appears above the section. Something like “Keep in touch!” or “Connect with us” should do the trick.

Promotions

promotion-sectionIn addition to the items outlined above, Pacific also lets you set up to three promotional images in the area directly above your footer. You can use this area to highlight new products, limited-run collections, and special sales or discounts. Like the header and footer, the promotions section is fixed and cannot be repositioned.

SETTINGS

Give your promotions a Section title by completing the first field. You can also opt to Show (a) border above the section by selecting that option.

CONTENT

You can add up to three promotional images to this section. Click Promotion or Add promotion, then upload your Image (1280 x 1280px .jpgs are recommended) and Link. As you cannot add text overlays to these images, you may want to consider dressing up your images in a photo editing program, or follow our lead and get creative with the images themselves!

Dynamic homepage sections

Most of Pacific’s homepage sections are dynamic, meaning you can add as many of them as you want and rearrange them in the sidebar to create a completely unique layout.

Out of the box, your theme has several dynamic sections enabled already. These are merely suggestions for how you might structure your homepage. Don’t want to include a section? Delete it! (By clicking on it and clicking Delete section at the bottom.) Want to include something that isn’t already there? Click Add section and find it on the list.

Slideshow

pacific-slideshow

The top section of your home page is your store’s most valuable real estate. To make the most of it, merchants often use a slideshow to showcase their most recent deals and top-selling products (note that while “above-the-fold” slideshows are the norm, with Pacific, you can position your slideshow anywhere!).

To display a slideshow on your homepage, simply click the Enable checkbox under the Slideshow section. You’ll be able to prepare up to five slides, each with unique messaging and images.

SETTINGS

Start by giving your slideshow an optional Heading. If you want to Show (a) border above your section, check that option.

Next, you’ll choose a layout for your slideshow from the Width dropdown. Pacific offers two layout options: Content width (which is as wide as whatever content you upload) and Full-width (which spans your entire screen). You’ll see the differences in your preview, in case they aren’t clear.

You can also choose between having your slides Slide horizontally or Fade in and out under Slide transition, and select how long you want each to display for by selecting a time period under Auto-rotate after. If you select None, users will still be able to scroll through them manually using left and right arrows at the edge of the slideshow.

CONTENT

This is where you’ll upload the images you want to use and customize the text overlays. Begin by clicking on Slide to expand the settings.

Now, you’ll upload an image. We recommend a 1440 x 640px .jpg file. You can cut it down to size in a photo editing program, otherwise the theme editor will automatically constrain your images.

In the boxes below, you can input and format the slide’s Text alignmentHeadingSubheading (which actually displays above the heading), Caption (which displays below the heading), Link (note the entire slide will become linked if this field is completed) and Text color. You don’t need to fill every field if you don’t want to—you may not want to include any text at all!

Pacific supports up to five slides at a time. If you run out, you will have to delete some before you can add more.

Collection list

pacific-collections-list

Collection list sections are designed to help you showcase new or seasonal collections on your homepage. With Pacific, you can feature up to three collections in this section.

SETTINGS

Start by assigning a heading to the section in the Heading field. You can also choose whether or not to Show (a) border by checking that option.

CONTENT

Here, you’ll select the collection(s) you want to display by clicking Add Collection. You can set up collections in the Products>Collection>Add collection section of your Shopify admin. For instructions on how to set up collections see our article, Getting Started: Shopify Basics.

Select the collections you want to feature from the Collection dropdown. If you want to Show text shadow (to ensure the text displays clearly against your images) select that option. Note that this will appear only when the Text shade is set to Light (which you’ll set in the dropdown below).

Featured collection

featured-collection

The featured collection section is designed to—you guessed it—draw attention to products from a specific collection on your homepage. You can display up to six products from the same collection in this dedicated space.

SETTINGS

Start by assigning a heading to the section in the Heading field. You can call it “Featured collection,” the name of the collection (as we’ve done), or anything else you want!

If you want to Show (a) border above the section, make sure to check that option.

From the Collection dropdown, select the name of the collection you want to feature. Then select the Number of products per row and Number of rows from the corresponding dropdowns, and you’re done!

Gallery

image-gallery

Gallery sections are great for building your brand. Use them to show off editorial photography, give your customers a glimpse into your production process, or introduce a new product. Pacific lets you add up to three images to this section.

SETTINGS

Start by giving your slideshow an optional Heading. If you want to Show (a) border above your section, check that option. You can also select Show text shadow if you want to make your text “pop” away from your images. Note that this will only appear when the Text shade is set to Light (you’ll find this setting in the Content blocks below).

CONTENT

Start by uploading the first image you want to feature. We recommend a 1440 x 640px .jpg, but you can use whatever you think looks best!

In the boxes below, you can input and format the image’s HeadingSubheading (which actually displays above the heading), Caption (which displays below the heading), and Link (note the entire image will become linked if this field is completed). This is also where you’ll set the Text shade and Text alignment. Remember, you don’t need to fill every field if you don’t want to—you may not want to include any text at all!

Image with text

image-with-text

Image with text sections are super versatile, allowing you to spotlight all kinds of content, be it about a product, special promotion, or something else entirely.

SETTINGS

Begin by assigning a Heading to your image gallery section. If you’d like to Show (a) border above your section, make sure that option is checked.

You’ll add the Heading and Description first. Then, add your Image (we recommend a 1280 x 640px .jpg file) and choose the Image alignment. That’s it!

Featured video

featured-video

You can feature a video on your homepage accompanied by a text overlay and call-to-action if you wish.

SETTINGS

To add a video, start by giving your section an optional Heading at the top.

Next, copy the Video URL from YouTube or Vimeo and paste it into the theme editor. Choose a Video screenshot (1080 x 640px .jpgs are recommended!) to display when the video isn’t playing, then specify your Text shadeHeadingButton text, and Link.

 

Blog posts

featured-posts

The Blog posts section allows you to display images and text from your two most recent posts. To specify the “preview” text that appears for each post, we suggest using Shopify’s excerpt function, which you’ll find in the post editor under Online store>Blog posts.

SETTINGS

Start by giving your section a Heading (like “Blog posts” or “Latest news”). If you want to Show (a) border above your blog posts, check that option.

Next, select the blog you want to feature from the Blog posts dropdown. While many stores maintain only one blog (probably called “News”) some create multiple to better categorize information including customer stories, tips, tutorials, FAQs and more. Pacific will pull the three most recent posts to this section.

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 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 of the settings for each page below.

Product page

product-page

The product page is 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. With Pacific, 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.

SETTINGS

Off the top, checking Enable image zoom 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. To ensure users on large screens can fully utilize image zoom, we recommend using product images that are at least 1024 x 1024px

Enable cart quantity box means that a box will display on your product pages where users can input the quantity of a product they would like to purchase.

Enable cart redirection means that customers will automatically be sent to the Cart page after adding a product to their cart (as opposed to staying on the page they are currently on).

You can also select the Layout for your product pages from the dropdown menu. Pacific offers two product page layouts: Single Column and Double Column. Toggle between the two to see how they look in the preview.

RELATED PRODUCTS

Checking Show related products will allow customers to discover other items that are similar to the one they are currently viewing. Related products are automatically pulled from the same collection as the product in view. You can specify the Number of related products that display from the dropdown menu.

related-products

Collection pages

collection-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). With Pacific, you can customize your collection pages by navigating to a collection in the theme editor and clicking on Collection pages under the Sections tab.

SETTINGS

You’ll choose the Layout of your collection pages from the dropdown menu at the top. Pacific’s collection pages come with two different layout styles: Grid and Collage. They’re pretty self-explanatory, but you can toggle between them and see how they look in the preview.

You can also specify the Number of products per row and the Number of rows that display on your collection pages using the corresponding dropdown menus.

FILTERS

The Enable sorting gives customers the ability to sort products on your collection pages using a set of options provided in an on-screen dropdown menu.  It looks like this:

enable-sorting

Pacific also lets you filter up to three different groups of tags. Setting up filtering requires adding new menu lists, as well as tags to your product pages in the Shopify admin. Here’s what you need to do:

  1. Under Online store>Navigation, create a menu for a category of tags you’d like to filter, e.g. “Color” or “Size.”
  2. Add as many links as you have tags for that category, e.g. “Black, Blue, Red,” or “Small, Medium, Large.” (The URL doesn’t matter, you can just these point to the homepage).
  3. Add the tags to the relevant products pages.
  4. Back in the theme editor, select the categories you want to filter for from the Menu 12, and dropdowns. You’ll notice that your choices will appear on your collection pages above your products in the preview. Clicking on one of them (in this example, “Color”) will reveal the tags within that filter. Like so:

tag-filtering

Note that tags are case-sensitive—make sure your links match up your tags exactly.

STOCK LEVEL INDICATOR

Pacific provides a stock level indicator that accompanies your products and prompts customers to purchase quickly when supplies are limited. Check Enable Indicator, then use the dropdown below to set exactly when to show it.

Collection listings

collections-list-page

The collection listings 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.

SETTINGS

You can control the number of Collections per row and Number of rows that display on your Collections list page from the dropdowns at the top.

Using the Text style option, you can set the title and/or description text to Overlay or Under image. Additionally, you can choose to display or hide the collection descriptions by using the Show Descriptions option. Note that your collection descriptions will only show if you: a. enable them and b. set the text style to Under images.

Static pages

Shopify stores come with a page creation tool, which you can use to generate pages containing information that rarely changes, and that customers will use often, such as an About page or a Contact page. You can add as many pages as you like to your store under Online store>Pages, and configure where they appear under Online store>Menus.

There are also a few pages like the Cart page that are generated and populated automatically, but which you can customize by navigating to them in the theme editor and finding their section settings. We’ll cover the settings for these below.

Create a new page

From your Shopify admin, navigate to Online store>Pages. Click the Add page button to open a new page template.

new-page-screen

From here, you can enter the Title and Content in the space provided, as well as set the Visibility and select a Page template. You’ll notice that Pacific comes with two templates: a general page template and an page.contact template. We’ll cover some of the more common types of pages you may want to create for your store below.

About page

about-page

Online shoppers these days aren’t just interested in what they’re buying—they’re also interested in who they’re buying it from. That’s exactly what your about page is for: connecting with your customers, building trust, and establishing your brand.

You can create an about page the same way you would any other page: by going into your Shopify admin, navigating to Online store>Pages and creating a new page titled “About us” or “Our story” or anything else you want! Use the general page template.

Contact page

Adding a contact page to your store is a quick and easy way of engaging your customers. To create a contact page you will first need to create a new page. Scroll to the bottom right of the screen and select page.contact from the Template dropdown menu. This will create a simple form on the page that will look something like this:

contact-page You can add a Title and Content above the form in the page editor screen.

Cart page

cart-page

The Cart page is the first page customers see when they begin the checkout process. It shows a summary of the items and quantities they have added to their cart, and a total of how much it will cost them. With Pacific, users can also add order notes the seller on this page, and display an optional shipping rate calculator. If you’re trying to customize the Checkout process, you’ll access those settings from the General settings tab.

SETTINGS

Enabling Order notes will create a text box on the cart page where customers can add “special instructions” about their order.

SHIPPING RATE CALCULATOR

Pacific also gives you the option to include a shipping rate calculator—a tool that automatically fetches shipping rates on the cart page of your store, letting customers calculate their fees before completing checkout. Click Enable to activate it, then enter a Default country in the box below. Note that if a customer is logged in to their account, their default country will be selected.

Blogs

Your Shopify store comes with a powerful built-in blogging engine. Blogs are great for content that you’ll be updating regularly. While many stores maintain only one blog (probably called “News” or “Journal”) some create multiple to better categorize information including customer stories, tips, tutorials, FAQs and more.

You can set up one (or multiple) blogs in your Shopify admin (Online store>Blog posts). For more information on getting your blog(s) up and running, see their instructions.

General settings

The General settings tab (located to the right of the Sections tab) lets you make global changes to the look and feel of your store, including typography, text and background color, as well as links to your social media accounts. Here’s the nitty-gritty on everything you’ll find there.

Colors

Virtually every color in Pacific is customizable, with clear, self-explanatory names in the settings. The colors are organized into three categories: GeneralButtonsHeader, and Footer.

Click on the swatch to edit the colors. A popup with a color selector will appear, which allows you to adjust and experiment with custom colors.

shopify-color-picker

The box on the right displays the current color, the one in the middle the color you’re changing it to, and the checkered one on the right is transparent. You can also enter a specific color hex code in the bottom right corner if you wish.

If you want to display a background image instead of a color, check the Use a background image box at the top, then upload your image (we recommend a 1920 x 1200px .jpg file). Note that the image you use will be tiled across your entire site.

Typography

Pacific comes with dozens of hand-picked fonts for your store. Custom fonts can be set for your store’s Body fontStore titleHeadingsSection headingsCaptions, and Buttons using the corresponding dropdown menu.

To add emphasis to certain sections of text, use the Style dropdown to set the text to Bold. In certain areas, you can also check the option to Capitalize the text.

Sidebar

pacific-sidebar

Pacific lets you enable a sidebar that displays on the left side of your store. You can enable it on All pagesAll except the homepage, or keep it Disabled from the Enable sidebar dropdown at the top of the settings.

You’ll select the menus that you want to display in the sidebar from the Menu 12, and dropdowns. If you need to make some tweaks to a menu, you can click the blue Edit menu shortcut above each activated menu.

Product grid

The Product grid settings allow you to make global changes to the way users can view and interact with your products. This includes where product names and prices display (Overlay or Under image) and how they respond when a user hovers over them. You can also customize stock levels are visible to customers. Select the options for how you want your product grid to display.

Social media

ACCOUNTS

Pacific supports social icons for Facebook, Twitter, Google+, Pinterest, Instagram, Kickstarter, Vimeo, and YouTube. Simply enter in your account URL in the relevant Account field and the social icons will automatically appear in your sidebar. You can also connect to your email and enable your blog’s RSS feed here.

SHARING

If you would like to enable share buttons on your products and posts, check the Enable product sharing and/or Enable blog post sharing boxes. Then, select the social networks you would like users to be able to share to. (You must check one of the first two boxes for social sharing to become enabled—they will not work on their own.)

Currency

Shopify works in virtually every country and every currency. With Pacific, you can cater to international customers with a currency converter that displays as a dropdown menu in the header of your store. This allows customers to dynamically update their prices throughout your shop.

currency-converterAfter enabling the converter by checking Enable currency conversion, you can choose which currencies are supported and how they’re displayed.

Under Format, you can choose whether or not to display the currency acronym on product and collection pages (e.g. $10.00 CAD vs. $10.00).

Under Supported currencies, you can select which currencies you want to allow users to display when browsing your store. Be sure to use the country’s ISO currency code, and separate each with a space. Note that exchange rates used by Shopify are refreshed twice a day based on rates at XE.com.

Checkout

Under the Checkout section of the theme editor, you can add custom banner images, logos, and backgrounds, as well as customize the fonts and colors used throughout the checkout process.

BANNER

The banner is the top section of the checkout screen where your store name appears. By default, it is transparent (or whatever color your store’s background is) however you can customize it by uploading a custom Background image. We recommend uploading an 1000 x 400px image.

LOGO

If you want to add your store’s logo to the checkout page, simply upload a Custom image. You can use your storefront logo or you can upload a different one instead. You can also define the Position and Logo size by making a selection from the bottom two menus.

MAIN CONTENT AREA

The main content area is the left side of the checkout screen where a user inputs their email and shipping address. If you’d like to use a custom background here, upload an image or use the color picker to select a background color. You also have two options for the color of the Form fields—white or transparent.

ORDER SUMMARY

The order summary is the right side of the checkout screen where customers can review the details of their order. You can either upload an image or use the color picker to select a background color.

TYPOGRAPHY

You can customize both the Headings and Body font of the checkout screen by selecting fonts from the appropriate dropdown menu.

COLORS

You can customize the colors that appear on the checkout page under Colors. You can see which areas correspond to each section (AccentsButtons, and Errors) by watching how changes are processed in the preview screen.

You can customize more of the checkout settings from the Shopify admin.

Tabs

You can add tabs to any RTE (rich text editor) area in Pacific. This includes:

  • Product descriptions
  • Collection descriptions
  • Custom pages
  • Blog posts

Find an RTE field in the admin area and press the “Show HTML” button. Paste in the following example and replace the text content (“Label X” and “Content for Label X”) with your own. The top set of elements are the tabs themselves, and the second set of elements are the content that corresponds to each tab.

Code Example:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul class="tabs">
<li class="active">Tab 1</li>
<li>Tab 2</li>
<li>Tab 3</li>
</ul>
<ul class="tabs-content">
<li class="active">
<p>Tab 1 content goes here.</p>
</li>
<li">
<p>Tab 2 content goes here.</p>
<li>
<p>Tab 3 content goes here.</p>
</li>
</li>
</ul>

World-class customer support

We’ve covered a lot of ground in these docs, but there will no doubt be questions they don’t answer. If you’ve got a burning question—or if you’re just stuck—don’t hesitate to get in touch with us. Our friendly and knowledgable support team will dig into the issue and get you back on track ASAP.