Hot spots
Add it to any template with Add section, under Products.
Settings
Image
| Setting | What it does | Default |
|---|---|---|
| ImageImage | None | |
| Mobile imageImage | Shown on phones. Leave blank to use the main image. | None |
| Aspect ratioMenu | Wide (16:9) |
Points
| Setting | What it does | Default |
|---|---|---|
| Point opensMenu | A story panel needs room beside or below the image. A card on the point suits a full width image. | Card on the point |
| Marker styleMenu | Point icon and Text label use the point's own icon and heading. | Plus |
| Marker colorMenu | Pick the option that stays visible on your image. | Card |
| Show a pulsing ringCheckbox | Draws the eye to the points. Turns off with animations. | On |
Content
| Setting | What it does | Default |
|---|---|---|
| HeadingText | None | |
| Heading sizeMenu | Shown when Heading is set. | Medium |
| ContentFormatted text | None | |
| Button labelText | None | |
| LinkLink | Shown when Button label is set. | None |
| Button styleMenu | Shown when Button label is set. | Primary |
| Text placementMenu | Over the image, or as a heading above it. | Over the image |
| Text positionMenu | Where the overlaid text sits on desktop. Shown when Text placement is Over the image. | Bottom left |
| Heading alignmentMenu | Shown when Text placement is Above the image. | Left |
Image overlay
| Setting | What it does | Default |
|---|---|---|
| Overlay styleMenu | Darkens the image so text and markers stay readable. | Gradient |
| ColorColor | Leave blank to use the Text color from Theme settings > Colors. Shown when Overlay style is not None. | None |
| Overlay opacitySlider | Shown when Overlay style is not None. | 75% |
| Text color schemeMenu | Applies when content sits over the image. Shown when Text placement is Over the image and Overlay style is not None. | Automatic |
Layout
| Setting | What it does | Default |
|---|---|---|
| Panel positionMenu | Shown when Point opens is Story panel. | Beside the image |
| Image positionMenu | Shown when Point opens is Story panel and Panel position is Beside the image. | Left |
Section style
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Contained | |
| ColorMenu | 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 | Theme default |
Blocks
The section holds up to 8 blocks.
Point
| Setting | What it does | Default |
|---|---|---|
| IconMenu | None | |
| Custom iconImage | Optional. Replaces the icon. 96 x 96px .png recommended. | None |
| HeadingText | Point heading | |
| ContentFormatted text | None | |
| Link labelText | None | |
| LinkLink | Shown when Link label is set. | None |
| Horizontal positionSlider | 30% | |
| Vertical positionSlider | 30% |
Mobile position
| Setting | What it does | Default |
|---|---|---|
| Horizontal positionNumber | Leave blank to reuse the desktop position. Use a value from 0 to 100. | None |
| Vertical positionNumber | None |
Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.