Getting started

This page takes you from a new install to a home page you can edit. Work through the steps in order.

1. Install the theme

  1. In the Shopify admin, click Online Store, then Themes.
  2. Click Add theme, then Upload zip file (to use your own copy) or Visit Theme Store.
  3. Choose the Tackle theme. Wait until the upload finishes.
  4. Click Customize on the new theme. This opens the theme editor.
  5. Do not publish the theme yet. Finish the steps below first.

2. Pick a preset

  1. When you add Tackle from the Theme Store, choose the preset (Tackle, Fly Fishing, Camping or Kayak).
  2. To change the preset later, use the preset choice under Theme settings in the theme editor.
  3. Check the sample content. Presets change settings and sample sections. They do not delete your products.

See Index for the four preset names.

3. Set fonts

  1. In the theme editor, click Theme settings.
  2. Click Typography.
  3. Under Headings, set Font and Size scale.
  4. Under Body, set Font and Size scale.
  5. Choose Letter case under Headings only if you want uppercase headings. The default is Default.

4. Set colors

  1. In the theme settings, click Colors.
  2. Edit the color schemes. Each scheme sets background, text and button colors.
  3. Set Sale badge background, Sale badge text, Sold out badge background and Sold out badge text under Badges.
  4. Set Success message text and Error message text under Status messages.
  5. Choose a Color scheme for each section in the section settings.

5. Set the layout

  1. In the theme settings, click Layout.
  2. Choose Page width (Narrow, Medium or Wide).
  3. Set Page margin and Grid spacing.
  4. Turn Show back to top button on or off.

6. Create the menus

Create these menus in the Shopify admin under Content, then Menus. Tackle reads the menu handles below by default.

Menu Handle Used by
Main menu main-menu Header menu (setting Menu)
Shop by column 1 Any handle you choose Header setting Shop by column 1 links (heading Shop by column 1 heading, default Species)
Shop by column 2 Any handle you choose Header setting Shop by column 2 links (default heading Technique)
Shop by column 3 Any handle you choose Header setting Shop by column 3 links (default heading Water)
Shop by column 4 Any handle you choose Header setting Shop by column 4 links (default heading Season)
Footer footer Footer menu block (setting Menu)
Account menu customer-account-main-menu Header setting Account menu

Each "Shop by" menu links to collections. Collections need season data to show a season strip. See Seasons and Shop by.

The footer can have more menus. Add one Menu block in the footer section for each menu. The footer also has a Brand, a text block and a Newsletter block.

7. Set the header

  1. Open the Header section in the header group.
  2. Set Shop by trigger text (default "Shop by") and the four column headings and menus.
  3. Turn on Mega menu layout to show third-level links in columns under each heading.
  4. Set Sticky header to Off, Always or Show on scroll up.
  5. Turn on Show country selector or Show language selector only if your store uses them.

8. Set the season line

The season line sits under the header in the header group.

  1. Open the Season line section in the header group.
  2. In Collections for in season, choose a menu. Up to six collections in season this month are linked. Each collection needs season metafields. See Metafields.
  3. Enter the Service line text, for example "Free delivery over a set amount" and "Collect in store". It shows on one line at the inline end.
  4. To hide the season line, click the eye icon on the Season line section in the theme editor. You can also delete the section from the header group.

9. Set the home page sections

The home page template uses these sections, in this order:

  1. Hero: image, mobile image, heading, height, overlay opacity and content position.
  2. In season (bar layout): heading "In season now". It lists collections in season this month as a compact row.
  3. In season (table layout): heading "What is working this month". It lists a table with tips per collection.
  4. Shop by: heading "Shop by", with up to four tabs. Each tab has a label and a menu. Optional featured image, link and label.
  5. Featured collection: heading "Featured products", collection, product count and grid or slider layout.
  6. Journal feature: blog, numbering and reading time.
  7. Newsletter.

To change the order, drag sections in the theme editor. Remove a section with the delete option on that section.

10. Check the product page

  1. Open a product in the theme editor.
  2. Check the product blocks in this order: title, vendor, price, SKU, inventory, variant picker, quantity, buy buttons, pickup availability, description, and the other blocks.
  3. Add blocks for features you use: Key facts, Specifications, Fishes for, Complete the setup, Guides, Size guide, Delivery promise, Notify me and Compare. Each block shows only when its data exists.

11. Publish

  1. Preview the theme on a development store or with Preview.
  2. Check the mobile layout with your phone or with the mobile preview in the theme editor.
  3. Click Publish when the store is ready.