Integruj Gunfinder na vlastnú webovú stránku
Widget Gunfinder umožňuje prevádzkovateľom webových stránok zobrazovať na vlastnej stránke výsledky vyhľadávania Gunfinder. Dobrým príkladom je integrácia Gunfinder na Geartester (úplne dole na stránke).
Nižšie stručne vysvetlíme, ako môžeš widget Gunfinder vložiť na vlastnú webovú stránku. Proces má v zásade 2 kroky: Najprv vložíš súbor JavaScript a potom môžeš napísať jednoduchý HTML kód, ktorý súbor JavaScript rozpozná a spracuje.
Vloženie súboru JavaScript
Nasledujúci úryvok kódu musí byť vložený buď do hlavičky, alebo do tela dokumentu HTML:
<script src="https://widgets.gunfinder.de/js/search.js" async></script>
Umiestnenie HTML úryvku
Po vložení súboru JavaScript môžeš pridať nový prvok DIV, ktorý musí obsahovať atribút s názvom data-gunfinder-search-widget, aby ho kód JavaScript rozpoznal. Tu je jednoduchý príklad:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}"></div>
Spustí sa tak vyhľadávanie výrazu {Suchanfrage} na Gunfinder a výsledky sa zobrazia na stránke. data-gunfinder-search-query je jediný povinný atribút. Ďalšie možné atribúty nájdeš v nasledujúcej tabuľke. Všetky atribúty musia mať prefix data-gunfinder-search-.
Atribút |
Opis |
Možné hodnoty |
Povinné |
query |
Vyhľadávaný výraz |
Text |
Áno |
count |
Maximálny počet výsledkov. Celé číslo. Predvolené: 5 |
> 0 < 30 |
Nie |
price-min |
Minimálna cena. Celé číslo. |
> 0 < price-max (ak je uvedené) |
Nie |
price-max |
Maximálna cena. Celé číslo. |
> 0 > price-min (ak je uvedené) |
Nie |
condition |
Stav položky |
new alebo used |
Nie |
available |
Okamžite k dispozícii. Predvolené: false |
true alebo false |
Nie |
category |
Obmedzenie vyhľadávania na konkrétnu kategóriu |
weapon, ammunition, optics, apparel, equipment |
Nie |
style |
Štýl. Pozri opis nižšie. |
Objekt JSON |
Nie |
sources |
Zoznam názvov zdrojov oddelených čiarkami, v ktorých sa má vyhľadávať. Predvolene sa vyhľadáva vo všetkých zdrojoch. |
Prosím, kontaktuj nás |
Nie |
exclude-sources |
Zoznam názvov zdrojov oddelených čiarkami, v ktorých sa nemá vyhľadávať. Predvolene sa vyhľadáva vo všetkých zdrojoch. |
Prosím, kontaktuj nás |
Nie |
marketplace |
Ak je hodnota true, zobrazia sa iba výsledky z trhoviska. Ak je hodnota false, nezobrazia sa žiadne výsledky z trhoviska. |
true alebo false |
Nie |
Ďalšie príklady:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-price-min="2500"></div>
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-available="true"></div>
Štýlovanie
Ak sa widget nemá štýlovať pomocou pravidiel CSS, môžeš mu odovzdať niekoľko jednoduchých premenných ako objekt JSON a zmeniť tak jeho vzhľad.
Premenná |
Opis |
Možné hodnoty |
fontSize |
Základná veľkosť písma. Ovplyvňuje celý widget. |
Štandardné hodnoty CSS pre veľkosti |
itemTitleColor |
Farba nadpisu ponuky |
Štandardné hodnoty CSS pre farby |
itemPriceColor |
Farba ceny ponuky |
Štandardné hodnoty CSS pre farby |
moreColor |
Farba textu a orámovania tlačidla „ďalšie ponuky“ |
Štandardné hodnoty CSS pre farby |
Príklad:
<div data-gunfinder-search-widget data-gunfinder-search-query="{Suchanfrage}" data-gunfinder-search-style='{"fontSize": "15px", "itemTitleColor": "red"}'></div>