Skip to content

Hot spots

Add it to any template with Add section, under Products.

Settings

Image

SettingWhat it doesDefault
ImageImageNone
Mobile imageImage

Shown on phones. Leave blank to use the main image.

None
Aspect ratioMenu

Options: Adapt to image, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9), Cinematic (21:9).

Wide (16:9)

Points

SettingWhat it doesDefault
Point opensMenu

A story panel needs room beside or below the image. A card on the point suits a full width image.

Options: Card on the point, Story panel.

Card on the point
Marker styleMenu

Point icon and Text label use the point's own icon and heading.

Options: Dot, Plus, Number, Point icon, Text label.

Plus
Marker colorMenu

Pick the option that stays visible on your image.

Options: Card, Contrast, Primary.

Card
Show a pulsing ringCheckbox

Draws the eye to the points. Turns off with animations.

On

Content

SettingWhat it doesDefault
HeadingTextNone
Heading sizeMenu

Options: Small, Medium, Large, Extra large.

Shown when Heading is set.

Medium
ContentFormatted textNone
Button labelTextNone
LinkLink

Shown when Button label is set.

None
Button styleMenu

Options: Primary, Secondary, Outline, Ghost, Text link.

Shown when Button label is set.

Primary
Text placementMenu

Over the image, or as a heading above it.

Options: Over the image, Above the image.

Over the image
Text positionMenu

Where the overlaid text sits on desktop.

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right.

Shown when Text placement is Over the image.

Bottom left
Heading alignmentMenu

Options: Left, Center.

Shown when Text placement is Above the image.

Left

Image overlay

SettingWhat it doesDefault
Overlay styleMenu

Darkens the image so text and markers stay readable.

Options: None, Solid, Gradient.

Gradient
ColorColor

Leave blank to use the Text color from Theme settings > Colors.

Shown when Overlay style is not None.

None
Overlay opacitySlider

From 0% to 100%, in steps of 5%.

Shown when Overlay style is not None.

75%
Text color schemeMenu

Applies when content sits over the image.

Options: Automatic, Light, Dark.

Shown when Text placement is Over the image and Overlay style is not None.

Automatic

Layout

SettingWhat it doesDefault
Panel positionMenu

Options: Below the image, Beside the image.

Shown when Point opens is Story panel.

Beside the image
Image positionMenu

Options: Left, Right.

Shown when Point opens is Story panel and Panel position is Beside the image.

Left

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

Default
BackgroundColor

Shown when Color is Custom.

None
Background gradientGradient

Shown when Color is Custom.

None
Text colorColor

Leave blank to auto-pick black or white for contrast.

Shown when Color is Custom.

None
Vertical spacingMenu

Options: Theme default, None, Small, Medium, Large.

Theme default

Blocks

The section holds up to 8 blocks.

Point

SettingWhat it doesDefault
IconMenu

Options: None, Cart, Store, Tag, Package, Gift, Truck, Return, Credit card, Percent, Refresh, Shield check, Lock, Award, Leaf, Star, Heart, Sparkle, Check, Thumbs up, Recycle, Info, Warning, Clock, Support, Phone, Mail, Map pin, Globe, Calendar, User, Community, Chat, Ruler, Paw, Bone, Flag, Rocket, Target, Lightning.

None
Custom iconImage

Optional. Replaces the icon. 96 x 96px .png recommended.

None
HeadingTextPoint heading
ContentFormatted textNone
Link labelTextNone
LinkLink

Shown when Link label is set.

None
Horizontal positionSlider

From 5% to 95%.

30%
Vertical positionSlider

From 5% to 95%.

30%

Mobile position

SettingWhat it doesDefault
Horizontal positionNumber

Leave blank to reuse the desktop position. Use a value from 0 to 100.

None
Vertical positionNumberNone

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.