Tästä oppaasta löydät HTML-parametrit, joiden avulla voit lisätä ostoskorin haluamillesi sivuille sivustollasi. Parametrit ovat osa verkkokauppasi upotuskoodia ja näyttävät tältä:
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Jos haluat ostoskorin näkyvän Website Builder -sivullasi, voit käyttää siihen koodikomponenttia.
Koodikomponentin sijoituksen tulee olla Normaali tai Ennen runkotagin sulkemista. Jos sijoitat koodikomponentin malliin, se tulee näkymään kaikilla sivuilla, jotka käyttävät tuota mallia.
Mitä parametrejä voin muuttaa?
Voit muuttaa seuraavia parametrejä:
- Valitse ostoskorin tyyppi
- Määritä ostoskorin väri
- Näytä ostoskori mobiilissa
- Kiinteän ostoskorin taustaväri
- Aina näkyvän ostoskorin taustaväri
- Mobiiliostoskorin taustaväri
- Aina näkyvän ostoskorin sijainti sivulla
Olemme listanneet kaikkien parametrien tarkoituksen ja sen, miten niitä voi muokata.
Valitse ostoskorin tyyppi
Voit valita kahden erilaisen ostoskorin välillä:
- Aina näkyvä (overlay) - Pysyy paikallaan sivulla valitsemassasi kohdassa. Se pysyy näkyvissä, kun siirryt sivulla ylös tai alas.
- Kiinteä (flat) - Kuvake pysyy tietyssä paikassa sivullasi. Jos siirryt sivulla alemmas, kuvake ei näy.
Valitse "aina näkyvän" tai "kiinteän" välillä. Ellet valitse mitään, oletusvalinta on "aina näkyvä".
Esimerkki:
cartType: 'overlay'
Määritä ostoskorin väri
Tämä määrittää kaikenlaisten ostoskorien värin: kiinteän, aina näkyvän tai mobiililaitteella käytetyn. Oletusarvo on #56AAD8, mutta voit korvata sen millä tahansa haluamallasi HTML-värikoodilla.
Esimerkki:
cartColor: '#56AAD8'
Näytä ostoskori mobiilissa
Tämä antaa sinulle mahdollisuuden poistaa ostoskori näkyvistä mobiililaitteilla. Aseta arvoksi true, jos haluat näyttää ostoskorin mobiililaitteissa, tai false, jos haluat piilottaa sen.
Esimerkki:
showMobileCart: true
Kiinteän ostoskorin taustaväri
Tämä vaihtoehto vaihtaa kiinteän ostoskorin taustavärin. Kuvakkeen ympärille ilmestyy pieni neliö. Oletusvalinta on läpinäkyvä, mutta voit korvata sen millä tahansa haluamallasi HTML-värikoodilla.
Esimerkki:
flatBackgroundColor: 'transparent'
Aina näkyvän ostoskorin taustaväri
Tämä vaihtaa aina näkyvän ostoskorin taustavärin. Kuvakkeen ympärille ilmestyy pieni neliö. Oletusvalinta on vaaleanharmaa (#F3F3F3), mutta voit korvata sen millä tahansa haluamallasi HTML-värikoodilla.
Esimerkki:
overlayBackgroundColor: '#F3F3F3'
Mobiiliostoskorin taustaväri
Tämä vaihtaa mobiililaitteessa näkyvän ostoskorin taustavärin. Kuvakkeen ympärille ilmestyy pieni neliö. Oletusvalinta on vaaleanharmaa (#FFFFFF), mutta voit korvata sen millä tahansa haluamallasi HTML-värikoodilla.
Esimerkki:
mobileBackgroundColor: '#FFFFFF'
Aina näkyvän ostoskorin sijainti sivulla
Tässä voit määrittää aina näkyvän ostoskorin sijainnin sivun ylälaidasta katsottuna. Mitä suurempi prosenttiluku on, sitä alempana ostoskori on sivulla. Prosenttiluku lasketaan näytön korkeudesta. Valitse numero välillä 1–100.
Esimerkki:
overlayPosition: 75
Aiheeseen liittyvät artikkelit:Aiheeseen liittyvät artikkelit:
