Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.1
Palo Alto 4.1
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.1
  • Cart
    • Terms and conditions
    • Empty cart buttons
    • Custom Message
    • Upsell
  • Header
    • Announcement bar
    • Transparent header
    • Highlighted link
    • Mega Menu
    • Loading Icon
    • Logo
  • Sections
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Theme settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product grid
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Section blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Subcollections
    • Badges
  • Popup
    • Popup with image
    • How to change the "You agree to..." text
    • Cookie consent
    • Popup bar
  • Footer
    • Blocks and settings
    • 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
  • Badge color
  • How to create custom badges
  • Creating custom tags
  • Additional Badges
  • Preorder badge
  • Badge priority
Export as PDF
  1. Collections

Badges

Add badges or 'stickers' to your individual products

PreviousSubcollectionsNextPopup with image

Custom product badges in Palo Alto allow you to create any type of badge for each of your products.

Badge color

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

How to create custom badges

Custom badges are easy to create and all done in your Product setup. You simply add a tag to any of your products with a custom prefix. When Palo Alto sees the custom tag, it sticks the badge right onto the product in any grid view like collections, search, recommendations, and more.

Creating custom tags

When Palo Alto sees a product that has a tag beginning with _badge_, it will take the following portion and apply that as the custom badge.

Example: _badge_Black_Friday

Displayed as:

Additional Badges

Palo Alto also includes automated 'Sale' and 'Sold Out' badges. As shown above, some badges can be mixed together like the 'Sale' and 'Savings' badges.

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

Preorder badge

The final badge in Palo Alto is the 'Preorder' badge. It's enabled individually for each product by adding a _preorder tag to the product.

Effect on the Collection page:

Effect on the Product page:

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.

Separate multiple words with underscore