Ezeket a gombokat a vezérlőpulton kapcsolhatja be üzletében: Rendszerbeállítások → Általános → Kosár → A „Vásárlás most” gombok megjelenítése a terméklista oldalain.

További magyarázat és a Vásárlás most gombok testreszabásának CSS-kódmintái alább találhatók.

A ‚Vásárlás most‘ gombok megjelenésének testreszabása

Bár kezdőknek meglehetősen bonyolult lehet kézzel megadni az alakot vagy a színt a CSS3 kódokban, rengeteg kész CSS3 gombgenerátor található a weben - ezek közül egyet használhat saját gomb létrehozásához, és lemásolhatja a létrehozott CSS kódot a saját igényei szerint CSS téma.

Próbáljuk meg például a „Fényes kék” gombot ebből a mintalistából. A szerző itt tette közzé gombkódjait. Ragadjuk meg onnan a fényes kék gomb CSS -kódját, módosítsuk egy kicsit, és adjuk hozzá egyéni CSS -témánkhoz. Íme a kapott CSS-kód megjegyzésekkel együtt: https://gist.github.com/makfruit/5253948.

• Figyeljen az első kódblokkra – az egyéni gomb elrendezésével kapcsolatos néhány problémát előzi meg, ezért ne távolítsa el
• Bárhol is kapta a CSS -kódot, ne felejtse el megváltoztatni a gomb CSS -osztályát a kódban „.AccentedButton” -ra a fenti kód szerint. Ellenkező esetben az egyéni kód nem fog működni

A ‚Vásárlás most‘ gombok szövegének testreszabása

Az Áruházban lévő vásárlás gombokat CSS3 segítségével tervezték, ezek nem képek, így a „Vásárlás most” szöveg megváltoztatásához az általános módszert használhatja a szövegek megváltoztatására vagy fordítására: Hogyan módosíthatok vagy fordíthatok le bármilyen szöveget az üzletemben? A „Vásárlás most” szöveg „Felvétel a kosárba” szövegre való lecserélését végző JS-kód az alábbiak szerint néz ki:

<script>
storeMessages = {
"BuyNow.buy_now": "Hozzáadás a táskához"
}
</script>

Módosítsa a „Hozzáadás a táskához” szöveget.