Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.5
Palo Alto 4.5
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.5
  • Header
    • Announcement bar
    • Transparent header
    • Mega Menu
    • Highlighted link
    • Logo
  • Sections
    • Target Settings
    • How to use sections
    • Recommended Image Sizes
    • Highlight words
    • Palo Alto sections
      • Collection list
      • Collection marbles
      • Featured collection
      • Featured product
      • Products list
      • Tab collections
      • Marquee
      • Custom content
      • Grid
      • Image accordions
      • Image with text
      • Mosaic
      • Overlapping images
      • Shop the look
      • Slideshow
      • Split images
      • Video
      • Banner with text columns
      • Blog posts
      • Contact form
      • Custom HTML
      • Icons row
      • Locations
      • Newsletter
      • Press/Logo
      • Shoppable blog posts
      • Tabs
      • Testimonials
      • Text
      • Text columns with images
      • Promotion row
  • Upsell
    • Upsell
  • Theme Settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Appearance
      • Product Grid
      • Quick shop
      • Cart
      • Loading icon
      • Checkout
      • Theme style
  • Products
    • Product Pages
    • Creating new Product page templates
    • Pre-order
    • Theme blocks
      • Title and price
      • Form
      • Product description
      • Accordions
      • Upsell
      • Share button
      • Text
      • Icon
      • Icon row
      • Inventory countdown
      • Popup text
      • Divider
    • Swatches
    • Product ratings
  • Collections
    • Collection Pages
    • Filtering options
    • Sub-collections
    • Collection pages promo
    • Cutline
    • Badges
  • Popups
    • Popups
    • Popup Behavior
  • Footer
    • Footer
      • Logo
      • Link list
      • Text
      • Blog
      • Newsletter
    • How to remove the Shopify credit
  • Blogs
    • Blog Pages
    • Creating blog page templates
    • Recommended posts
  • Pages
    • 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
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 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.