DocumentationTypesInterfaces

Theme Shop Hero Block

amerta


amerta / payload-types / ThemeShopHeroBlock

Interface: ThemeShopHeroBlock

Defined in: payload-types.ts:571

This interface was referenced by Config's JSON-Schema via the definition "ThemeShopHeroBlock".

Properties

backgroundColor?

optional backgroundColor: string | null

Defined in: payload-types.ts:579

HEX color code (e.g., #ECFF9F)


blockName?

optional blockName: string | null

Defined in: payload-types.ts:719


blockType

blockType: "themeShopHero"

Defined in: payload-types.ts:720


buttonPrimary?

optional buttonPrimary: { appearance?: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null; label?: string | null; newTab?: boolean | null; reference?: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null; size?: "default" | "sm" | "lg" | "xs" | null; type?: "custom" | "reference" | null; url?: string | null; }

Defined in: payload-types.ts:632

appearance?

optional appearance: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null

Choose how the link should be rendered.

label?

optional label: string | null

newTab?

optional newTab: boolean | null

reference?

optional reference: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null

size?

optional size: "default" | "sm" | "lg" | "xs" | null

Choose how the link size.

type?

optional type: "custom" | "reference" | null

url?

optional url: string | null

use {locale} to insert the current locale code into the URL


buttonSecondary?

optional buttonSecondary: { appearance?: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null; label?: string | null; newTab?: boolean | null; reference?: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null; size?: "default" | "sm" | "lg" | "xs" | null; type?: "custom" | "reference" | null; url?: string | null; }

Defined in: payload-types.ts:674

appearance?

optional appearance: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null

Choose how the link should be rendered.

label?

optional label: string | null

newTab?

optional newTab: boolean | null

reference?

optional reference: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null

size?

optional size: "default" | "sm" | "lg" | "xs" | null

Choose how the link size.

type?

optional type: "custom" | "reference" | null

url?

optional url: string | null

use {locale} to insert the current locale code into the URL


className?

optional className: string | null

Defined in: payload-types.ts:717


hideOnFrontend?

optional hideOnFrontend: boolean | null

Defined in: payload-types.ts:575

Toggle to hide this section from the live website.


id?

optional id: string | null

Defined in: payload-types.ts:718


image?

optional image: string | Media | null

Defined in: payload-types.ts:583

Hero image displayed on the right side. Recommended size: 815x987px


logo?

optional logo: string | Media | null

Defined in: payload-types.ts:629

SVG recommended for best quality. PNG, JPG also supported.


logoLink?

optional logoLink: { appearance?: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null; label?: string | null; newTab?: boolean | null; reference?: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null; size?: "default" | "sm" | "lg" | "xs" | null; type?: "custom" | "reference" | null; url?: string | null; }

Defined in: payload-types.ts:584

appearance?

optional appearance: "default" | "link" | "outline" | "destructive" | "ghost" | "secondary" | null

Choose how the link should be rendered.

label?

optional label: string | null

newTab?

optional newTab: boolean | null

reference?

optional reference: { relationTo: "pages"; value: string | Page; } | { relationTo: "posts"; value: string | Post; } | { relationTo: "categories"; value: string | Category; } | { relationTo: "products"; value: string | Product; } | { relationTo: "collections"; value: string | Collection; } | { relationTo: "product-brands"; value: string | ProductBrand; } | null

size?

optional size: "default" | "sm" | "lg" | "xs" | null

Choose how the link size.

type?

optional type: "custom" | "reference" | null

url?

optional url: string | null

use {locale} to insert the current locale code into the URL


subtitle?

optional subtitle: string | null

Defined in: payload-types.ts:716


title?

optional title: string | null

Defined in: payload-types.ts:631


topTitle?

optional topTitle: string | null

Defined in: payload-types.ts:630