Press "Enter" to skip to content

Szybka galeria na stronie CMS, zastępuje moduł galerii w Presta Shop 1.6

Admin 5

Niestety Presta Shop nie posiada wbudowanego modułu galerii.. A szkoda, bo do dość duża niedoskonałość. Nie ma też solidnego i sprawdzonego darmowego modułu, który by to zapewniał.

» Przeczytaj koniecznie artykuł jak łatwo osadzić w Presta Shop rewelacyjny skrypt galerii Unitegallery: http://prestashopkrakow.pl/presta-shop-osadzenie-galerii-unitegallery-na-stronie-cms/

W dzisiejszym artykule pokażemy jak łatwo dodać taką galerię na wydzielonej do tego stronie CMS. Nie jest to sposób doskonały, bo zdjęcia będą osadzone tam w pełnym rozmiarze, jednak takie prowizoryczne rozwiązanie do czasu wdrożenia rozbudowanej galerii może tymczasowo wystarczyć.

Dodatkowo taka galeria jest dostosowana do RWD.

1. Tworzymy stronę CMS gdzie będzie galeria:

Preferencje -> CMS -> (przycisk) Dodaj nową stronę CMS

Podajemy:

  1. Tytuł
  2. Wyświetlany: TAK

Natomiast w treści umieszczamy zdjęcia naszej galerii.

Dobrze jest tutaj wykorzystać parę elementów z wbudowanego edytora treści:

  • Zdjęcia rozmieścić poprzez narzędzie tabeli. Wstawić np. tabelę o 3 kolumnach i 4 wierszach następnie w każdej komórce z osobna wstawiać zdjęcie. Pomiędzy kolejnymi komórkami przesuwamy się strzałkami na klawiaturze.
  • Zdjęcia, które będą tam osadzone niech mają identyczny rozmiar. Ewentualnie takie samo ratio (stosunek szerokości do wysokości). Następnie po wstawieniu w treść niech mają takie same wymiary:

PrestaShop Galeria Kraków Sklepy Internetowe

Jak widać na obrazku mimo, że każde ze zdjęć ma oryginalnie inny rozmiar (na niebiesko),

to mają te same ratio. Tutaj 3:4. Po przeskalowaniu do rozmiaru 200×267 wszystkie są takie same.

W następnym wierszu wstawiamy następne obrazy itd.

Tak przygotowaną stronę z galerią zapisujemy.

Warto zapisywać tworzoną stronę w miarę często. Presta Shop posiada dość krótki czas sesji i gdy długo nie zapisujemy możemy wprowadzoną treść utracić!

2. Załadowanie wymaganych bibliotek i modyfikacja kontrolera.

Namierzenie biblioteki

Sprawdzamy czy nasz sklep dysponuje plikiem CSS dla biblioteki jQuery FancyBox.

Włączamy adres:

http://{ADRES-NASZEGO-SKLEPU}/js/jquery/plugins/fancybox/jquery.fancybox.css

(W instalacjach pod 1.6 a także 1.5 powinien on bezproblemowo działać)

Jeśli pojawia się tam plik CSS – wszystko jest w porządku. W innym wypadku poprzez FTP lokalizujemy ten plik aby znaleźć jego poprawną ścieżkę.

Nadpisanie kotrolera

Edytujemy plik:

Znajdujemy metodę (funkcję) o nazwie:

Na jej końcu dopisujemy kod:

Gdy link do naszego pliku jquery.fancybox.css jest inny uwzględniamy to w tym kodzie.

3. Zmiany w szablonie

Otwieramy plik

Lub:

następnie na jego końcu dopisujemy ten kod tworzący galerię:

4. Odświeżenie cache.

Parametry zaawansowane -> Wydajność -> Odśwież pamięć podręczną / Odśwież cache

Ewentualnie usuwamy (lub zmieniamy jego nazwę) folder /cache przez FTP i zakładamy nowy o tej samej nazwie.

5. Wynik naszych prac.

Edytujemy ponownie naszą stronę CMS gdzie jest galeria i wciskamy „podgląd” lub „zapisz i podejrzyj”

Możemy wejść też na adres http://{ADRES-SKLEPU}/index.php?id_cms=6&controller=cms

Gdzie numer 6 to ID dodanej przez nas strony CMS.


Presta Shop Kraków Tworzenie Sklepów Internetowych

Share This:

  1. Witam,

    Mam mały problem z włączeniem tej galerii w pliku controllers/front/CmsController.php nie ma funkcji setMedia(). W jaki sposób to dodać?

    • Admin Admin

      Hm a jaką masz wersję Presta Shop ??

        • Admin Admin

          Artykuł pisaliśmy w oparciu o 1.6. Postaramy się sporządzić instrukcję też dla tej wersji. Jednak już po Nowym Roku

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *