Widget BUY.BOX możesz wyświetlić także w formie popover, który wyświetli listę sklepów po kliknięciu w button lub link tekstowy. Zobacz jak to zrobić.
Krok 1
Poniższy kod wstaw w sekcji na wszystkich podstronach, na których będzie używany widget BUY.BOX.
<script src="https://buybox.click/js/bb-popover.min.js" defer></script>
Krok 2
Poniższy kod wstaw w miejscu (sekcja body), w którym ma się wyświetlać widget BUY.BOX.
<span class="bb-widget" data-bb-popover-event="{wartość}" data-bb-type="popover" data-bb-id="{buybox-id}" {par}="{wartość}" >Sprawdź, gdzie kupić</span>
Gdzie:
{buybox-id}
- unikalny identyfikator widgetu, który znajdziesz w panelu wydawcy w zakładce "BUY.BOX" (3)
{par}
- parametr opisujący produkt lub konfiguracyjny (zobacz poniżej){wartość}
- wartość parametru opisującego produkt lub konfiguracyjnego, np. numer EAN
Parametry
data-bb-number
- kod GTIN produktu (np. ISBN lub EAN)data-bb-name
- nazwa produktudata-bb-info
- dodatkowy atrybut opisujący produkt (opis poniżej)data-bb-abpar1
,data-bb-abpar2
,data-bb-abpar3
- parametry Abpardata-bb-alt
- identyfikator kontenera z alternatywną treścią (opis poniżej)
Dodatkowe atrybuty opisujące produkt (data-bb-info
) dla poszczególnych kategorii:
- Książki - imię i nazwisko autora
- Gry wideo i planszowe - nazwa producenta
- Filmy - imię i nazwisko reżysera
- Muzyka - wykonawca
Wymagane atrybuty dla sposobu wyświetlania data-bb-popover-event
:
hover
- wyświetlanie po najechaniu kursoremclick
- wyświetlanie po kliknięciu
Przykłady
<div class="bb-widget" id="buybox-1" data-bb-type="popover" data-bb-popover-event="click" data-bb-id="903" data-bb-number="4008496824212">Sprawdź, gdzie kupić</div>
<span class="bb-widget" id="buybox-1" data-bb-popover-event="click" data-bb-type="popover" data-bb-id="903" data-bb-number="4008496716890" >Sprawdź, gdzie kupić</span>
<div class="bb-widget" id="buybox-1" data-bb-id="903" data-bb-popover-event="click" data-bb-type="popover" data-bb-name="Nie to za mało" data-bb-info="Naomi Klein">>Sprawdź, gdzie kupić</div>