Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Latest version
Latest version
  • Palo Alto theme documentation
  • Updates
    • What's new in Palo Alto
      • Release notes
      • About 6.2 Release
      • About 6.1 Release
      • About 6.0 Release
      • About 5.9 Release
      • About 5.8 Release
      • About 5.7 Release
      • About 5.6 Release
      • About 5.5 Release
      • About 5.4 Release
      • About 5.3 Release
  • Sections
    • Palo Alto sections
      • Explore the sections
      • Accordions
        • Text block
        • Page block
      • Accordions with images
        • Text block
        • Page block
      • Banner image
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Banner with text columns
        • Column block
      • Blog posts
      • Buttons list
        • Button block
      • Collection list
        • Collection block
      • Contact form
        • Form heading block
        • Email block
        • Message block
        • Text line block
        • Telephone block
        • Divider block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Countdown
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
      • Divider
      • Featured collection
        • Promo block
      • Featured product
      • Grid
        • Collection block
        • Product block
        • Image block
        • Text block
      • Icons row
        • Item
      • Image
      • Image accordions
        • Image block
      • Image with scrolling text
        • Scrolling text block
        • Subheading block
        • Heading block
        • Text block
        • Timer block
        • Buttons block
        • Video button block
      • Image with text
        • Subheading block
        • Heading block
        • Text block
        • Button block
        • Accordion block
      • Locations
        • Locations block
      • Marquee
        • Text block
        • Free shipping message block
        • Custom HTML block
        • Image block
      • Multi column
        • Text block
        • Image block
        • Menu block
        • Collection block
      • Newsletter
      • Overlapping images
      • Press/Logo
        • Press block
      • Products list
      • Products with image
      • Promotion row
        • Custom promo block
      • Recently viewed products
      • Shop the look banner
        • Product block
      • Shop the look grid
        • Product block
      • Shoppable blog posts
        • Article block
      • Slideshow
        • Slide block
      • Social gallery
        • Image block
      • Split images
        • Image block
      • Sticky image cards
        • Image card with text block
      • Sticky images and text
        • Sticky images and text: Horizontal
        • Image and text block
      • Tab collections
        • Collection - block
      • Testimonials
        • Testimonial block
        • Text block
      • Testimonials with images
        • Testimonial block
        • Text block
        • Image block
      • Text
        • Subheading block
        • Heading block
        • Text block
        • Split text block
        • Button block
        • Image block
        • Icon block
        • Icon row block
      • Text columns with images
        • Column block
      • Video
  • Theme Settings
    • Theme settings
      • How to make changes
      • Colors
      • Typography
      • Buttons
      • Product grid
      • Product form
      • Quick shop
      • Cart
      • Upsells
      • Loading overlay
      • Appearance
      • Animation
      • Badges
      • Swatches
      • Pagination
      • Search
      • Social media
      • Currency
      • Favicon
      • Size chart
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and blocks
      • Text
      • Free shipping message
      • Custom HTML
      • Target settings
      • Image
    • Header
      • Header settings
      • Mega menu
      • Logo
      • Highlighted link
      • Transparent header
    • Mobile menu
      • Menu
  • Footer
    • Footer
      • Settings and blocks
      • Logo
      • Text
      • Link list
      • Newsletter
      • Blog
  • Products
    • Product pages
      • Variant images
      • Settings and layout
      • Size chart tabs
      • Size chart metafields
      • Custom color swatches
      • Pre-order
      • Gift card product
      • Out of stock notification
      • Metaobjects
      • Creating new product page templates
    • Blocks
      • Product blocks
      • Title and price
      • Form
      • Product description
      • Cutline
      • Accordion
      • Upsell
      • Share button
      • Pickup availability
      • Custom code
      • Text
      • Icon
      • Icon row
      • Siblings
      • Inventory countdown
      • Popup text
      • Line item property
      • Divider
      • Feature
      • Complementary products
      • Badges
      • Timer
      • Fit guide
  • Collections
    • Collection pages
      • Filtering options
      • Custom product badges
      • Cutline
      • Catalog banner images
      • Collection pages promo
  • Cart
    • Palo Alto Cart
      • Cart types
      • Empty cart buttons
      • Free shipping message
      • Custom message
      • Terms and conditions
      • Upsell promotion
  • Pages
    • Page templates
  • Blogs
    • Blogs and articles
      • Settings and layout
      • Recommended posts
      • Creating blog page templates
  • Overlay
    • Popups
      • Popup with image
      • Popup small
      • Cookie consent
      • Popup behavior
  • Promotions
    • Upselling
      • Upsell promotions
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Define a metaobject
      • Add product list entries
      • Activate using a metafield
      • Bulk update sibling products
      • Siblings block
  • FAQ
    • Frequently asked questions
      • Updating your theme
      • Highlight words
      • Image aspect ratio
      • Recommended image sizes
      • Adding a section
      • Reordering sections
      • Sharing a preview link
      • Check your theme version
      • How to add custom fonts
      • Remove 'Powered by Shopify'
      • CSS customizations
  • License
    • Theme license
  • Support
    • Theme support policy
    • Contact support
    • Hire a Shopify expert
Powered by GitBook
On this page
  • How the block works
  • Key settings
  • Adding a new banner
Export as PDF
  1. Collections
  2. Collection pages

Collection pages promo

PreviousCatalog banner imagesNextPalo Alto Cart

Last updated 1 month ago

Promo blocks on collection pages are customizable visual banners used to highlight promotions, collections, or announcements. They're strategically inserted within the product grid based on a defined position.

How the block works

To start, you need to open up the theme editor and open any collection page.

Each promo block features a background image, headline, optional content, and a call-to-action button. They can be tailored in design, size, and layout to complement the overall collection style.

Note: you can choose a collection here but this will only show the promo block for that one collection. Leave the setting empty if you want the promo block to be shown on all collection pages.

Key settings

Setting
Type
Description

Collection

collection

Show this promo only on a specific collection page.

Image

image_picker

Upload or select an image for the promo background.

Show in position

range

Grid position where this promo appears (1–48).

Width

select

Defines promo block width (Full width, 2 grid items, or Grid item).

Heading

richtext

Promo heading text. Supports HTML and allows highlighting key words.

Heading size

range

Adjusts the size of the heading (100%–200%).

Type (Highlight)

select

Style of heading highlight (e.g., underline, squiggle, circle, alternate font, etc.).

Highlight color

color

Background color of the highlighted text.

Text color (Highlight)

color

Color of the text inside the highlight.

Text

textarea

Description or subtext under the heading.

Text size

range

Adjusts the body text size (100%–200%).

Text color

select

Choose Light or Dark based on the image for readability.

Content position

select

Placement of text over the image (Center, Top left, Bottom right, etc.).

Content layout

select

Layout of text and button (Inline or Stacked). Inline applies only on full width for desktop.

Text contrast

range

Adjust overlay opacity (0–95%) to improve text readability over the image.

Background color

color

Applies only if no image is chosen. Sets a fallback background color.

Button text

text

CTA label. If left blank, entire promo image becomes clickable.

Button URL

url

CTA label. If left blank, entire promo image becomes clickable.

Button color

select

Style color of the button (Primary, Secondary, White, or Black).

Button style

select

Visual button type (Solid, Outline, Solid with border, Soft, or Text).

Size (Button)

select

Button size option (Small, Medium, or Large).

Adding a new banner

To add a new banner you need to add a new block to the collection pages section.

Show a percentage discount

With Palo Alto, you have the option to show a percentage discount in the collection promo blocks:

To change the position of each block, you have to set it from the block settings (you can not drag and drop them like most blocks).

Please note that if the position set is unavailable (i.e. there are not enough products in the collection) the promo banner will not be shown.