adding and linking CMS page on PrestaShop 1.6.x

Jak dodać stronę CMS do PrestaShop 1.6.x połączoną z menu nagłówka i stopki?

PrestaShop jest czysto platformą eCommerce i posiada również świetną funkcjonalność CMS. Chociaż nie masz pełnowartościowych elementów sterujących, jak na platformach CMS, nadal możesz osiągnąć wszystkie swoje podstawowe wymagania jako CMS z PrestaShop. W tym poście, biorąc PrestaShop 1.6.x i 1.7.x jako wersję docelową, zamierzam wyjaśnić, w jaki sposób można dodać stronę CMS w sklepie PrestaShop. Ponadto zobaczymy, jak połączyć tę stronę z menu nagłówka / stopki.

Dodawanie strony CMS do PrestaShop 1.6.x

Krok 1: Zaloguj się do back office PrestaShop jako administrator.

Krok 2: Przejdź do Preferencji >> CMS . Tutaj zobaczysz wszystkie strony CMS utworzone w twoim sklepie PrestaShop.

Preferencje - CMS

Krok 3: Kliknij przycisk “Dodaj nowy przycisk CMS” w prawym górnym rogu strony.

Dodaj nową stronę CMS

Krok 4: Następnie wypełnij wszystkie wymagane pola. Po wypełnieniu pól wystarczy włączyć stronę i “Zapisz” zmiany.

Zapisz zmiany w CMS

Krok 5: Zanotuj identyfikator strony CMS wyświetlany w pierwszej kolumnie listy stron CMS. Będziesz potrzebował tego ID później.

Krok 6: Teraz przejdź do Modułu >> Pozycje i sprawdź, który moduł wyświetla w menu Top poziomo menu. Znalazłem go w sekcji “displayTop” pozycji w mojej wersji.

Pozycje modułów

Dodawanie strony CMS do PrestaShop 1.7.x

Podobnie do dodawania strony CMS w wersji Prestashop 1.7.x, wykonaj następujące czynności:

Krok 1:  Zaloguj się do back office PrestaShop jako administrator.

Krok 2:  Przejdź do  Dashboard >> Improve >> Design >> Strony,jak pokazano na poniższym obrazku:

projekt

Krok 3:  Kliknij przycisk “Dodaj nową stronę” w prawym górnym rogu strony.

Nowa strona

Krok 4:  Następnie wypełnij wszystkie wymagane pola. Po wypełnieniu pól wystarczy włączyć stronę i “Zapisz” zmiany.

create-cms-page

Krok 5: Zanotuj identyfikator strony CMS wyświetlany w pierwszej kolumnie listy stron CMS. Będziesz potrzebował tego ID później. Zapisz zmiany.

Dodanie linku strony CMS do menu nagłówka

Krok 1: Połącz się z plikami witryny, logując się na swoje konto FTP. Możesz użyć FileZilla, aby uzyskać dostęp do plików lub dostępu do cPanel, jeśli host je dostarczył.

Krok 2: Przejdź teraz do następującego katalogu plików:

tematy / themeXXX / modules / blockpermanentlinks   

PS: “themeXXX” to nazwa twojego motywu.

Edycja, blokowanie pliku persistentlinks-header.tpl . Możesz użyć dowolnego edytora tekstu lub kodu. Używam Netbeans do edycji.

Krok 3: Każdy element listy w tym kodzie reprezentuje jeden element menu w nagłówku. Na przykład ten kod reprezentuje element menu nagłówka o nazwie sitemap:

<li id = "header_link_sitemap"> <a href="{$link-> getPageLink ('sitemap') | escape: 'html'} "title =" {ls = 'sitemap' mod = 'blockpermanentlinks'} "> { ls = 'sitemap' mod = 'blockpermanentlinks'} </a> </ li>

Krok 4: Skopiuj ten wiersz kodu i wklej go w nowym wierszu obok tego, który skopiowałeś.

Krok 5: Teraz zmień skopiowany kod na ten:

<li> <a href="{$link-> getCMSLink ('8', 'new') | escape: 'html'} "title =" {ls = 'new' mod = 'blockpermanentlinks'} "> {ls = 'new' mod = 'blockpermanentlinks'} </a> </ li>

Krok 6: Zapisz plik. Dodałeś teraz link do strony CMS o nazwie “new”, która miała identyfikator strony “8”.

Teraz połączymy tę samą stronę z menu stopki Prestashop 1.7.x.

Krok 1: Przejdź do Design -> Link widget . Spowoduje to wyświetlenie bloków aktualnie wyświetlanych w Twojej witrynie.

link-widget

Krok 2:  Aby otworzyć ustawienie Block z istniejących, kliknij odpowiedni przycisk Edit.

link-block

Aby aktywować nowo utworzoną stronę i uczynić ją widoczną, zaznacz pole odpowiadające jej tytułowi. Możesz znaleźć link do strony CMS w stopce.

szczegóły-widżetu łącza

Teraz połączymy tę samą stronę z menu stopki.

Wykonaj kroki opisane poniżej, aby połączyć tę samą stronę z menu stopki programu Prestashop 1.6.x.

Krok 1: Przejdź do panelu administracyjnego i przejdź do “Modułów i usług >> modułów i usług” i wyszukaj moduł “CMS Block” .

Panel administratora

Krok 2: Kliknij przycisk Konfiguruj .

Krok 3: Poszukaj “KONFIGURACJA RÓŻNYCH LINEK W STOPCE”. Tutaj, jeśli znajdziesz nowo dodaną stronę CMS na liście.

Link do strony CMS w menu Footer

Krok 4: Włącz swoją stronę, klikając pole wyboru w pierwszej kolumnie. Kliknij przycisk “Zapisz”, aby zastosować zmiany. Dodałeś link do strony CMS w menu Footer.

Łatwiejszy sposób tworzenia stron CMS na Prestashop

Cóż, to był niezły pokaz. Stworzyliśmy stronę, edytowaliśmy kody, nawigowaliśmy od stron do stron i ostatecznie połączyliśmy je z menu Nagłówek i stopka. Ale to była tylko jedna strona, którą stworzyliśmy, a co jeśli potrzebujesz połączyć więcej stron? Za każdym razem edycja kodów jest dość męcząca.

Czy jest jakiś prostszy sposób na zrobienie tego bez naruszania kodu?

Tak oczywiście! PrestaShop moduł Page Maker  przez Knowband został zaprojektowany, aby służyć dokładny cel. Szczerze mówiąc, jest ich znacznie więcej . Na razie zobaczmy, w jaki sposób można użyć tego modułu do tworzenia stron CMS i dodawania ich do łącza nagłówka bez edytowania kodu.

Krok 1: Przejdź do menu ” Knowledge Maker” w lewym pasku menu.

Kreator stron wiedzy

Krok 2: Na następnym ekranie kliknij przycisk “Dodaj nową stronę”.

Krok 3: Interfejs Dodaj nowy strona składa się z czterech zakładek. Na karcie Ustawienia wspólne wypełnij wszystkie szczegóły. Możesz podać tytuł strony, nazwę łącza strony i niestandardowy adres URL strony.

Krok 4: Po wypełnieniu szczegółów zobaczysz opcję na końcu strony “Wyświetl w nagłówku menu” . Musisz po prostu włączyć tę opcję, a nowo dodana strona zostanie natychmiast połączona z menu Nagłówek.

Wyświetl w nagłówku menu

Oprócz łatwości tworzenia stron CMS, dodatek Prestashop CMS Page Maker oferuje szereg innych funkcji. Niektóre z nich zostały omówione poniżej:

  • Najlepszą rzeczą w tym module twórcy stron Prestashop jest wielojęzyczna funkcjonalność. W ten sposób strony docelowe mogą być tworzone w wielu językach, zgodnie z wymaganiami administratora sklepu.
  • Adres URL utworzonej strony można powiązać z nagłówkiem bez wchodzenia w szczegóły techniczne wymienione powyżej.
  • Wraz z ogólną zawartością, administrator ma nawet opcję wyświetlania Bestsellerów, Nowości, Wyróżnionych Produktów i Produktów Specjalnych.
  • Dodatek do strony docelowej Prestashop pozwala nawet administratorowi wyrównywać zawartość w lewo, w prawo lub w centrum bez wprowadzania zmian w CSS strony. Odbywa się to za pomocą kliknięcia przycisku.
  • Dzięki łatwości tworzenia metadanych, rozszerzenie kreatora stron dla Prestashop pomaga utrzymać optymalizację SEO.
  • Ponadto możesz nawet niestandardowe kody CSS dostosować wygląd i styl stron internetowych.
  • Wraz z kreacją, kreator stron Prestashop umożliwia także edycję lub usuwanie stron CMS.
  • Dodatek Prestashop tworzy strony mobilne. Dzięki temu strona pozostanie zoptymalizowana pod kątem użytkownika mobilnego nawet po utworzeniu nowych stron.

Podsumowując

To było bardzo szybkie. Dzięki modułowi Prestrashop Page Maker, wykonaliśmy połączenie w mgnieniu oka – 4 proste kroki, aby być dokładnym. Na szczęście nie musieliśmy edytować żadnego kodu. Masz wiele opcji do wykonania tego samego zadania tutaj, obie opcje są dość otwarte, teraz możesz wybrać, który z nich jest dla Ciebie najlepszy.

Lubiłem to? Spodoba ci się to

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *