Csomagpontválasztó térkép

Miután beállítottad az elérhető csomagpontokat és hozzáadtad a szállítási módot a megfelelő szállítási zónához, a pénztár oldalon látni fogod a csomagpontválasztót.

Szállítás mód megjelenítése

Ha a normál pénztároldalt használod, akkor így néz ki a szállítási mód választó és azon belül a csomagpontos opció:

Csak egy szállítási mód jön létre, azon belül pedig elérhető az összes csomagpont. A szállítási mód kiválasztásakor automatikusan felugrik a térkép, ha még nem lett kiválasztva csomagpont(így nem kell rákattintania a vásárlónak pluszban a válassz egy átvételi helyet opcióra). Ha viszont a csomagpontok az első szállítási mód, akkor értelem szerűen nem dobja fel az ablakot automatikusan a pénztár oldal betöltésekor. A megjelenést(például az ikonok legyenek egymás alatt, írja mellé az árat és a szolgáltató nevét) kóddal tudod módosítani, erről a fejlesztői dokumentációban találsz bővebb információt.

Ha az új pénztár blokkot használod, akkor egy kicsit más a felület, erről itt olvashatsz.

Ha egy csomagpont ki lett választva, akkor az átvételi hely sorban látszódnak az adatai. A módosítás gombra nyomva újra megjelenik a térképes felület.

A csomagpont választó gombok CSS-el módosíthatók a #vp-woo-pont-show-map selectorral. Például legyen háttérszíne:

#vp-woo-pont-show-map {
    background:red;
    padding:10px;
}

Térkép

A térképés felület teljes képernyőn jelenik meg, az oldalsávon a térképen éppen látható csomagpontok látszódnak, jobb oldalon pedig a térkép és rajta bejelölve a pontok. A keresőben lehet városra, irányítószámra vagy a pont nevére is keresni. Amikor a térképet mozgatod, akkor az oldalsávon a látótérben lévő pontok látszódnak. Ha a vásárló megadta a számlázási adatoknál az irányítószámát, akkor automatikusan a releváns találatokat mutatja a térkép megnyitásakor.

A térképen lévő tartalom testreszabható, erről a fejlesztői dokumentációban találsz bővebb infót. A színeket és néhány tartalmi elemet viszont a Megjelenés / Testreszabás / WooCommerce / Csomagpontok menüben be tudsz állítani: