Poniżej prosty warunek, który pozwoli na dodanie atrybutu rel=”nofollow” na wybrane odnośniki w stopce Shopera. Wystarczy jedynie dodać w warunku dokładną ścieżkę do danej podstrony, aby dodać atrybut. Przykład poniżej prezentuje wykluczenie podstron takich jak panel klienta, moje konto, regulamin, polityka prywatności etc. Warunek można pewnie lepiej zoptymalizować i dać tablicę, ale w tej formie […]
Link na ostatnim elemencie breadcrumbs + zmiana Strona główna – Shoper
Poniżej prosty kod pozwalający na podmianę standardowego kodu breadcrumbs w Shoperze, który dodaje zarówno link na ostatnim elemencie nawigacji – jak i umożliwia podmianę domyślnego elementu „Strona główna” na pierwszym elemencie breadcrumbs: Pogrubieniem oznaczone zmiany (<span itemprop=”name”>{if $item.name == 'Strona główna’}NAZWA_KLIENTA{else} – pamiętajcie, aby podmienić NAZWA_KLIENTA – czyli pierwszy element breadcrumb). Ścieżka do pliku w […]
Slider z opiniami (Shoper)
Aby dodać slider z opiniami musimy najpierw dodać CDN dla Font Awesome (to taka biblioteka wszelakich ikonek, znaczków itd.). Dodajemy poniższy kod w sekcji <head></head>. Najlepiej zrobić to poprzez integracje własne: Następnie dodajemy moduł (Aktywny szablon graficzny => Moduły => Strona główna => Dodaj moduł). Nasz moduł musi mieć poniższe ID: Następnie należy w tym […]
Dodanie countera (licznika) – Shoper
Na karcie produktu (product/index.tpl) w interesującym nas miejscu (tam gdzie chcemy aby znajdował się licznik) dodajemy kod Następnie style: I kod JS: Przykład wdrożenia: https://meblekatmandu.pl/krzeslo-belluno-elegante-01-z-siedziskiem-w-kolorze-debowym
Dodanie informacji o SSL na koszyku (UX) – Shoper
W pliku basket.tpl dodajemy w odpowiednim miejscu poniższy kod: Uwaga: do wyświetlania kłódki potrzebny jest CDN z Font Awesome. Domyślnie Shoper powinien mieć to już wgrane, jeżeli nie dodajcie CDN do sekcji <head> Style CSS: Przykład wdrożenia:
Artykuły powiązane (dodawane ręcznie) – Shoper
Pod opisem artykułu blogowego dodajemy poniższy kod: Uwaga: w <img> zmieniamy zdjęcie naszego wpisu, w <a> – link prowadzący do naszego wpisu oraz temat artykułu Style CSS:
Słynne linki do kategorii w stopce – Shoper
W pliku footer.tpl umieszczamy <div> z klasą „container” aby szerokość była dopasowana do layoutu strony i umieszczamy w nim linki do naszych kategorii: Następnie CSS: Uwaga: ilość linków w jednej kolumnie możecie kontrolować za pomocą stylu „column-count: x”
Dodanie górnej belki z zaletami (UX) – Shoper
W pliku body_head.tpl (w dowolnym miejscu) dodajemy poniższy kod HTML: Uwaga: aby wyświetlały się piktogramy należy użyć CDN Font Awesome (zazwyczaj na Shoperze już jest to zaimplementowane Następnie CSS:
Slider z producentami/logotypami – Shoper
1) Dodajemy style 2) Dodajemy moduł o ID: „sc-slider-logo”, natomiast w treści: Oczywiście linki oraz zdjęcia dopasujcie pod stronę waszego klienta. Każdy DIV odpowiada za jeden link ze zdjęciem producenta. 3) Kod JS
Ukrycie kategorii w menu głównym – Shoper
Chcąc mieć kategorie ofertowe na Shoperze tak, aby nie były widoczne w menu głównym (bo np. klient nie chce, aby menu było zbyt duże) można wypróbować jeden z poniższych pomysłów: a) Dodanie nieaktywnej kategorii a w niej interesującą nas nową podstronę Schemat działania: Tworzymy nową kategorię i robimy ją jako nieaktywną, a następnie dodajemy jako […]