Using the theme editor with Pacific


Now that Pacific has been added to your Online store, using the Theme editor is the next step to building up your storefront. 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.

Access the Theme editor by navigating to Online Store > Themes > Pacific > Customize 

The Theme editor is divided into two tabs: Sections and Theme settings

Sections

The Sections tab contains all of the sections that are available to you in Pacific. These are the building blocks of your store, allowing you to assemble certain pages from movable components. Sections can be added, removed, reordered, and configured in this tab of the Theme editor.

The next article, Setting up your homepage with Pacific, explores each section's features and setup.

Theme editor with active sections and preview

Theme settings

The Theme settings tab lets you make global changes to the look of your store. These settings can be accessed to control Favicon, Icons, Colors, Typography, Sidebar, Product grid, Social media, Currency, and Checkout. 

For more details on each of these settings, visit Pacific's theme settings

Theme editor with Theme settings opened in sidebar

Pro tips

Most of the time you spend in the theme editor will be on either the Sections or Theme settings. There are a few other helpful tools to note, as well.

Theme actions menu in theme editor sidebar

The Theme actions menu attached to your theme name contains a few handy links. 

View theme will open a new tab or window to see how the saved content will display from the customer's point of view. This will be called Preview theme if the theme is still in the draft stage.

Edit code can be used to access theme files. If this is necessary, duplicating your theme before making any changes to these files is advised. 

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

Device preview selector in theme editor

Above the right-side preview, you can change the device view. This allows you to get a sense of how your store appears in mobile (left), desktop with settings sidebar (center), and full-window desktop (right).

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 Theme 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 menu showing cool, bold, bright, and warm styles

Applying and saving a new theme style will overwrite your current style settings, however, you will not lose any content from your store. 



Back to top ↑

Next article:

Setting up your homepage with Pacific