Product add-on-blok

Blokken Product add-on tilbyder ét enkelt, specifikt produkt, du vælger, som et tilkøb inde i kurven — den promoverer ét kendt produkt (en garanti, en vareprøve, en bestseller) som et hurtigt tilkøb direkte i kurven.

• Hvis ingen live variant kan opløses — produktet er ikke angivet, arkiveret eller udsolgt — renderer blokken ingenting frem for en død knap.
• Kontrollen afspejler, om denne bloks egen tilkøbslinje er i kurven, så hvis du slår den fra, fjernes den linje, den tilføjede (og det påvirker ikke det samme produkt tilføjet andetsteds).
• En førpris gennemstreges, når der er en reel nedsættelse; ”% off”-labelen skjules, hvis rabatten afrundes til under 1%.
• Tilkøbsbilledet falder tilbage på produktets fremhævede billede, når den valgte variant ikke har noget.

Title, Price label og Description understøtter alle de samme fire tokens: {{product_title}}, {{price}}, {{compare_at_price}} og {{savings}}.

• Region: body eller bund.
• Maksimum: 3 pr. kurvtilstand — den fyldte kurv og den tomme kurv får hver deres egen kvote.
• Tilstand: både fyldt og tom kurv.
• Tilføjes ikke som standard. Ikke låst — du kan fjerne eller skjule den.

Understøtter en brugerdefineret skabelon fra dens Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager. Style denne blok med dens Design-sektion i indstillingspanelet. Det er tilsidesættelser pr. blok, som lægger sig oven på dit globale design og falder tilbage til det, når de er tomme. Sektionen Text i Design lader dig styre typografien for tre elementer. Brug Text element-vælgeren til at skifte mellem dem. Title — produktnavnet. Understøtter også en brugerdefineret skriftfamilie. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor (i fanen Settings), ikke her. Price — prislinjen. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor. Description — den understøttende tekst. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor. Hvad er designindstillinger? Læs mere her: Designindstillinger.