Selling features

This page describes the selling features in Tackle. Each feature is a section, a product block, a template or a setting. Most features need a little setup. A feature with no data shows nothing.

Complete the setup

"Complete the setup" shows the products a shopper needs with the item on the product page, for example a line and hooks for a rod. The shopper can tick items and add all of them to the cart in one step.

Setup:

  1. Open the product in the theme editor and add the Complete the setup block.
  2. Set Heading (default "Complete the setup").
  3. Set Reason metafield if you use a key other than setup_note. The default is setup_note.
  4. Set Maximum products (default 4).
  5. Keep Suggest similar products when the list is empty on if you want suggestions when no list exists. Turn it off if you want the block empty.
  6. On the product, add the list of products in the custom.setup_products metafield. See Metafields.
  7. On each suggested product, add a one-line reason in custom.setup_note. The reason shows under the product title.

The current product is always ticked and follows the variant the shopper picks. The total is the sum of the ticked items. The theme does not add discounts. Set any discounts in Shopify.

Kit list

A kit list is a named list of products, for example a starter kit or a packing list. Use it on a page, an article or the home page.

  1. Add the Kit list section.
  2. Set Heading (default "Starter kit"), Text and an optional Image.
  3. Add a Product block for each item. Set the product, Quantity (default 1), Ticked by default (default on) and an optional Note.

The note is one short reason that shows under the title. The section shows a live total and one button that adds all ticked items.

Quick order

Quick order is a table of every variant in a collection. Shoppers enter quantities and add many items in one step. Use it for consumables such as hooks, leaders, line and gas.

  1. In the Shopify admin, use a collection with the Quick order template. The template is collection.quick-order.json.
  2. In the section settings, set Products per page (default 24), Show description and Show spec line.

Each row shows the product title, variant title, SKU, a spec line, unit price, price, stock and a quantity field. A summary bar stays at the bottom with the number of items, the total, Add to cart and Clear. After the add, the quantities reset.

Sticky buy bar

The sticky buy bar stays at the bottom of the screen when the buy buttons scroll out of view. It shows the product thumbnail, the title, the price and one button that submits the product form. The selected variant also shows when the product has more than one variant. When the variant is sold out, the button reads Sold out and scrolls to the variant picker.

Quick view and quick add

Product cards can open a quick view dialog, and show a quick add button.

Both are in the Product cards settings in the theme settings.

Recently viewed

The recently viewed section shows products the shopper opened earlier. The list is stored in the shopper's browser. It does not follow the shopper to another device, and it can be cleared by the browser.

  1. Add the Recently viewed section to a page.
  2. Set Heading (default "Recently viewed") and Products to show (default 4).

Delivery promise

The delivery promise tells the shopper when the order leaves the store. It shows a line before the cut-off time, for example "Order by 3 pm for dispatch today", and a different line after it.

Add the Delivery promise block to the product page and set:

The line compares the shopper's browser clock with the store time zone offset. The first line reads "Order by {time} for dispatch today", and the second reads "Order now for dispatch on {day}".

Pickup availability

Pickup availability shows the stock at the store pickup locations for the selected variant. Add the Pickup availability block to the product page.

Turn on local pickup for each location in the Shopify admin. Open Settings, then Shipping and delivery, then Local pickup. Choose the location and turn on local pickup. Repeat for each location.

The block shows the first pickup location and its stock for the selected variant, with the pick-up time when one is set. When the variant has more than one pickup location, a button opens a list of all of them.

Notify me

Notify me appears when the selected variant is sold out. The shopper opens the form, enters an email address and sends a message through the store contact form. The message includes the product title, the variant title and the SKU.

  1. Add the Notify me block to the product page. It has no settings.
  2. Check that the store contact email is set in Settings > Store details. The form sends its messages to that address.

The form shows a success message after it is sent.

Size guide

The size guide opens a dialog with a size chart page.

  1. Create a page with the size chart.
  2. Add the Size guide block to the product page. Set Size guide page to the page. This is the default page for all products.
  3. For a product that needs its own size chart, set the custom.size_guide metafield to that page. The metafield wins over the block setting.

The block shows nothing when neither source has a page.

Free delivery progress in the cart

The cart can show how much more the shopper must spend for free delivery.

  1. In the theme editor, open the Cart section, or the Cart drawer section if the cart is a drawer.
  2. Turn on Show free delivery progress. The default is off.
  3. Set Free delivery threshold (main currency unit). The default is 60. Enter the amount in the main currency of your store, without a currency symbol.

The message updates without a page reload. When a shopper changes a quantity, applies a discount code or adds an item from the product page, the cart redraws from the new cart data.

Image hotspots

Image hotspots place labeled points on a photo. Each point links to a product or shows a note. Use it to explain a set-up, for example where to lock a reel.

  1. Add the Image hotspots section.
  2. Set Heading (default "Set up the rod"), Image and Image ratio (4:5 or 16:10).
  3. Add a Hotspot block for each point. Set Horizontal position and Vertical position (0 to 100), Title, Note and an optional Product.

Trust row

The trust row shows short promises, for example "Collect in 2 hours" with the text "Order online, pick up at the shop". Place it on any page that supports sections.

  1. Add the Trust row section.
  2. Set Heading (optional).
  3. Add an Item block for each promise. Set Icon (None, Tick, Star, Shop, Pin, Season, Ruler or Compare), Title, Text, and an optional Link and Link text.