Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.2
Palo Alto 4.2
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.2
  • Header
    • Announcement bar
    • Transparent header
    • Mega Menu
    • Highlighted link
    • Logo
  • Sections
    • Target Settings
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Upsell
    • Upsell
  • Theme Settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product Grid
    • Quick Shop
    • Cart
    • Loading Icon
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Theme blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Sub-collections
    • Collection pages promo
    • Cutline
    • Badges
  • Popups
    • Popups
    • Popup Behavior
    • How to change the "You agree to..." text
  • Footer
    • Footer
    • How to remove the Shopify credit
  • Blogs
    • Using the new Palo Alto Blog Pages
    • Creating new Blog page templates
  • Pages
    • Using the new Palo Alto Pages
  • Updates
    • Checking your theme version
    • Downloading the latest version
    • Updating your theme
  • Support
    • Contacting support
    • Sharing a preview link
  • Custom
    • How to make CSS customizations
    • How to add Custom Fonts
    • Adding Custom Icons
Powered by GitBook
On this page
  • How to create custom badges
  • Creating a new definition
  • Product setup
  • Additional Badges and options
  • Badge priority
  • Badge color
Export as PDF
  1. Collections

Badges

Add badges or 'stickers' to your individual products

PreviousCutlineNextPopups

Custom product badges in Palo Alto allow you to create any type of badge for each of your products. When using Shopify's dynamic source feature (also known as metafields), you can create individual product badges for any of your products.

Once a badge metafield is defined, any of your products can display a custom badge.

All your products will be able to display a custom badge or use the built-in badges for sales and out-of-stock inventory.

How to create custom badges

Creating a new definition

Custom badges are easy to create and all done in your Shopify admin. The first step is to define a custom metafield that Palo Alto can recognize.

Start in your Shopify Admin -> Settings and choose Metafields from the left panel and then click on Products (click on the images to zoom):

Click the Add definition button to begin. Choose a name, we'll use 'badge'. Next, we will use a custom namespace. This is required for custom badges.

A crucial step here is to change the default namespace (usually called 'my_fields') to theme

Add a description and choose Select content type. Choose Text, then select Single line text (it's the default choice):

Don't forget to Save your new product metafield.

Product setup

The next and final step is to edit any of your products in the Shopify Admin -> Products and update the new badge metafield.

Scroll to the bottom of the product setup page:

Save your product and preview it on your Collection pages:

Additional Badges and options

Palo Alto also includes automated 'Sale' and 'Sold Out' badges. Some badges can be mixed together with the custom badge.

The settings to enable or disable certain badges can be found under Theme Settings > Product Grid:

Badge priority

Some badges can disable or overwrite others. For example, if a product is sold out, it can't be shown as on sale.

Custom badges have the highest priority. They will appear alongside other badges to give more information to your customers.

The Preorder badge will not appear if the product is Sold Out. Make sure that you have quantity for your preorder products.

If a product is on sale and has a savings badge, the Sale badge won't be shown.

Badge color

Use the Palo Alto's Theme Settings to modify the background colors for Saving badges and Custom product badges.

Under 'Metafields', click on 'Products'
Use the 'Add definition' button to begin
Note, 'my_fields' could be different for your store.