Promo
Promo blocks allow you to inject styled content between products in the grid. Useful for sales banners, category callouts, or custom messages.
Collection
collection
Show promo only on selected collection.
Image
image_picker
Promo background image.
Layout
Show in position
range
Determines product position to insert promo.
Width
select
Choose how wide the promo should be: Grid item, 2 grid items, or Full width.
Text
Heading
richtext
Promo headline text (HTML supported).
Heading size
range
Size of heading text.
Highlight
Type
select
Visual treatment for emphasized words: Underline, Squiggle, Circle, Alternate font, etc.
Highlight color
color
Color used for text highlights.
Text color
color
Text color used when highlighting.
Text
textarea
Description or message text.
Text size
range
Adjusts the body text size.
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
Overlay opacity for readability.
Background color
color
Applies when no image is chosen.
Button
Button text
text
Button label. Leave blank to link the full promo image.
Button URL
url
Destination URL for the button.
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
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).
Last updated