Ustawienia ogólne
Niezbędne ustawienia do włączenia widoku własnych punktów odbioru na mapie:
1. Dodanie w panelu sklepu klucza aplikacji do Google Maps API (Wygląd Sklepu > Ustawienia)
2. Zaznaczenie opcji wyświetlania punktów odbioru osobistego na mapie (Wygląd Sklepu > Ustawienia)
3. Dodanie własnych punktów odbioru (Ustawienia > Płatności i dostawy > Odbiór osobisty)
Wskazówka
Wypełniając formularz nowego punktu, trzeba pamiętać o polach „Szerokość/długość geograficzna”
4. Włączyć opcję odbioru osobistego w panelu (Ustawienia > Płatności i dostawy > Odbiór osobisty)
5. Dodać dostawę za pomocą własnych punktów odbioru do sposobów dostawy
6. Dodać dostawę do macierzy dostaw oraz określić metody płatności za ten rodzaj dostawy
7. Dokonać niezbędnych modyfikacji w kodzie szablonu wg poniższych instrukcji.
Szablon Szafir
Wskazówka
Pliki niezbędne do prezentacji własnych punktów odbioru osobistego w formie mapy: Pobierz pliki
- Umieść pliki „collection-points-scripts.html” i „collection-points-styles.html” w głównym folderze szablonu.
- Umieść plik „collection-points.js” w folderze „js”.
- Umieść plik “collection-points.css” w folderze “css”.
- Podmień plik “collection-points.html”, który znajduje się w folderze „order/delivery-partials”.
- W pliku „__layout.html”, na końcu sekcji „<head>” dodaj poniższą linijkę:
012{% include 'collection-points-styles.html' %} - W pliku „__layout.html”, na końcu sekcji „<body>” dodaj poniższą linijkę:
012{% include 'collection-points-scripts.html' %}
Szablon Agat
Wskazówka
Pliki niezbędne do prezentacji własnych punktów odbioru osobistego w formie mapy: Pobierz pliki
- Umieść plik “collection-points.css” w folderze “css”.
- Umieść plik “collection-points.js” w folderze “js”.
- Podmień plik “order.js”, który znajduje się w folderze “js”.
- Podmień plik “delivery-adress.html”, który znajduje się w folderze “partials/cart”.
- Podmień plik “init.js”, który znajduje się w folderze “js”.
- W pliku “_layout.html”, na końcu sekcji “<head>” dodaj poniży kod:
01234{% if page.PageId == config.DefinedPages.Order.Id -%}<link rel="stylesheet" type="text/css" href="css/collection-points.css">{% endif -%}
Szablon Opal
Wskazówka
Pliki niezbędne do prezentacji własnych punktów odbioru osobistego w formie mapy: Pobierz pliki
- Umieść plik “collection-points.js” w folderze “js”.
- Umieść plik “collection-points.css” w folderze “css”.
- Podmień plik “order.js”, który znajduje się w folderze “js”.
- Podmień plik “data-form.html”, który znajduje się w folderze “order/cst-data”.
- Podmień plik “cart.html”, który znajduje się w folderze “order”.
- W pliku “_layout.html”, na końcu sekcji “<head>” dodaj poniży kod:
01234{% if page.PageId == config.DefinedPages.Order.Id -%}<link rel="stylesheet" type="text/css" href="css/collection-points.css">{% endif -%} - Do pliku “order-cart.html”, wklej poniższy kod:
01234567891011121314{% extends '_layout.html' -%}{% block PageContent -%}<script src="{{ cart.CollectionPointMapUrl }}"></script><script>var _CollectionPointMapUrl = '{{ cart.CollectionPointMapUrl }}';</script><script src="js/collection-points.js?v={{ lqTS }}"></script>{% include 'order-cart-container.html'%}{% endblock -%}{% block PageBodyEnd -%}<script>__ResxCartEmpty = '{{ translations.Crt_CartIsEmpty | H }}';</script><script src="js/order.js?v={{ lqTS }}" charset="utf-8" type="text/javascript"></script>{% endblock -%}
Szablon Bursztyn
Wskazówka
Pliki niezbędne do prezentacji własnych punktów odbioru osobistego w formie mapy: Pobierz pliki
- Umieść plik “collectionpoints.js” w folderze “js”.
- Umieść plik “collectionpoints.css” w folderze “css”.
- Podmień plik “order.js”, który znajduje się w folderze “js”.
- Podmień plik “cart.html”, który znajduje się w folderze “order”.
- Podmień plik “order-short-info.html”, który znajduje się w folderze “order”.
- Podmień plik “cart-products-partial.html”, który znajduje się w folderze “order”.
- W pliku “_layout.html”, na końcu sekcji “<head>” dodaj poniży kod:
01234{% if page.PageId == config.DefinedPages.Order.Id -%}<link rel="stylesheet" type="text/css" href="css/collectionpoints.css">{% endif -%} - Do pliku “order-cart.html”, wklej poniższy kod:
01234567891011121314{% extends '_layout.html' -%}{% block PageContent -%}<script src="{{ cart.CollectionPointMapUrl }}"></script><script>var _CollectionPointMapUrl = '{{ cart.CollectionPointMapUrl }}';</script><script src="js/collectionpoints.js?v={{ lqTS }}"></script>{% include 'order-cart-container.html'%}{% endblock -%}{% block PageBodyEnd %}<script type="text/javascript">__ResxCartEmpty = '{{ translations.Crt_CartIsEmpty | H }}';</script><script src="js/order.js?v={{ lqTS }}"></script>{% endblock %}