Integracja Feedu YouTube: konfiguracja i pomoc

Szybki start

  1. Prześlij i zainstaluj plik ZIP mpryoutubeintegration w Moduły > "Module Manager".
  2. Kliknij "Configure". W Połączenie YouTube pozostaw Aktywuj moduł na Tak.
  3. Wpisz rzeczywiste publiczne Adresy URL wideo (ręczne), po jednym w wierszu. Do pierwszego testu nie potrzebujesz klucza API.
  4. W Ustawienia wyświetlania wybierz Hook wyświetlania displayHome. Pozostaw Układ > Typ układu na grid.
  5. W Informacje o wideo wybierz Tryb odtwarzacza embed dla lightboxa lub newtab dla YouTube.
  6. Kliknij Zapisz, a następnie otwórz sklep w miejscu renderowania wybranego hooka.
  7. Sprawdź miniatury, kliknij film i zweryfikuj odtwarzanie lub docelową stronę YouTube. W trybie osadzonym zamknij odtwarzacz i potwierdź zatrzymanie odtwarzania.

Wymaga PrestaShop 1.6 lub nowszego i PHP 7.1 lub nowszego.

Instrukcja konfiguracji

Instalacja i pierwsza konfiguracja

W starszych wersjach PrestaShop użyj odpowiedniej strony instalacji modułów. Otwieraj ten moduł przez "Configure", gdy chcesz wrócić do jego ustawień.

Połączenie YouTube

Ustawienie Domyślnie Co zrobić
Aktywuj moduł Tak Włącz lub wyłącz niezależny feed sklepu.
Klucz API YouTube Puste Wpisz klucz YouTube Data API v3 tylko wtedy, gdy chcesz automatycznie pobierać filmy z kanału lub playlisty.
ID kanału Puste Ustaw źródłowy kanał i cel przycisku subskrypcji. Wymagany jest identyfikator kanału, a nie @handle.
Nazwa kanału Puste Ustaw etykietę linku do kanału w nagłówku feedu z tytułem. Ustaw też ID kanału, aby link miał adres docelowy.
ID playlisty Puste Użyj jako źródła API, jeśli podano. Ma pierwszeństwo przed ID kanału.
Adresy URL wideo (ręczne) Puste Wpisz obsługiwane publiczne adresy filmów, po jednym w wierszu. Są też źródłem zastępczym, gdy API nie zwraca filmów.

Ustawienia wyświetlania

Ustawienie Domyślnie Co zrobić
Hook wyświetlania displayHome Wybierz displayHome, displayFooterBefore, displayFooter, displayLeftColumn lub displayRightColumn. Motyw musi renderować wybrany hook.
Tytuł sekcji Our YouTube Channel Ustaw nagłówek feedu. Pozostaw puste, aby go ukryć.
Pokaż przycisk Subskrybuj Tak Wyświetl link subskrypcji kanału, gdy ustawiono ID kanału.
Tekst przycisku subskrypcji Subscribe Ustaw etykietę przycisku.
Pokaż na urządzeniach mobilnych Tak Zezwól na feed dla odwiedzających rozpoznanych przez PrestaShop jako użytkownicy urządzeń mobilnych.

Link do profilu/kanału w nagłówku jest zagnieżdżony w bloku tytułu sekcji. Ustaw Tytuł sekcji, aby go wyświetlić. Osobny przycisk obserwowania/subskrypcji ma własny przełącznik.

Układ

Ustawienie Domyślnie Co zrobić
Typ układu grid Wybierz grid lub slider.
Liczba filmów 6 Ustaw liczbę dodatnią. Żądania API są ograniczone do 25 filmów.
Kolumny (komputer) 3 Wybierz 2, 3 lub 4 kolumny siatki.
Kolumny (telefon) 1 Wybierz 1 lub 2 kolumny siatki.
Odstęp (px) 16 Ustaw odstępy siatki w pikselach.
Zaokrąglenie (px) 8 Ustaw zaokrąglenie narożników elementów.
Efekt najechania zoom Wybierz overlay, zoom, fade lub none.

Ustawienia kolumn i odstępów dotyczą układu feedu. Sprawdź karuzelę przy szerokościach sklepu na komputerach i urządzeniach mobilnych.

Informacje o wideo

Ustawienie Domyślnie Co zrobić
Pokaż tytuł Tak Wyświetl tytuł filmu i dostępny wiersz kanału/autora. Ten blok obejmuje też sformatowaną datę pod tytułem.
Pokaż czas trwania Tak Wyświetl czas trwania tylko wtedy, gdy szczegóły filmu z API go zawierają.
Pokaż wyświetlenia Tak Wyświetl sformatowaną liczbę, gdy statystyki API są dostępne.
Pokaż datę Tak Wyświetl nakładkę z datą względną i dostępną sformatowaną datę źródłową. Data pod tytułem wymaga też Pokaż tytuł i niepustego tytułu.
Tryb odtwarzacza embed Wybierz embed dla lightboxa na stronie lub newtab dla karty YouTube.

Zaawansowane

Ustawienie Domyślnie Co zrobić
Leniwe ładowanie Tak Ładuj miniatury/obrazy multimedialne przez JavaScript w pobliżu widocznego obszaru. Wyłącz, jeśli to ładowanie jest blokowane.
Automatyczne przewijanie (Slider) Nie Automatycznie przewijaj karuzelę. Nie wpływa to na widok siatki/listy.
Prędkość przewijania (ms) 4000 Ustaw interwał karuzeli w milisekundach.
Czas trwania cache 3600 Używaj ponownie pobranych danych przez tę liczbę sekund. Dostępne wartości to 900, 1800, 3600, 7200, 21600 i 86400.

Filmy ręczne, źródła kanału i playlisty

Dla ręcznie dodawanych filmów użyj tych formatów URL z rzeczywistym 11-znakowym identyfikatorem filmu YouTube:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

Przykładowy identyfikator jest symbolem zastępczym. Zastąp go dostępnym filmem. Parser wyodrębnia identyfikator i tworzy URL oglądania, osadzania oraz miniatury img.youtube.com. Pobiera tytuł i autora przez YouTube oEmbed. Poprawnie odczytany identyfikator tworzy kartę nawet przy błędzie oEmbed, ale tytuł/autor mogą być puste, a miniatura/odtwarzacz mogą nie działać.

Dla źródła automatycznego wpisz Klucz API YouTube oraz ID playlisty lub ID kanału. Gdy ustawiono playlistę, moduł używa endpointu playlistItems. W przeciwnym razie używa search dla filmów kanału uporządkowanych według daty. Następnie pobiera szczegóły videos dotyczące czasu trwania i statystyk. Wynik jest ograniczony do 25 na żądanie API. Jeśli API nie zwróci filmów, używa ręcznych adresów URL. Po nieudanym żądaniu playlisty nie ponawia próby z ID kanału.

Tryb ręczny nie ma czasu trwania, liczby wyświetleń ani daty publikacji. Wyświetlanie daty z API używa daty podanej przez wybrane źródło. Wyświetlasz jeden skonfigurowany feed; moduł nie przypisuje filmów do poszczególnych produktów. Strona produktu może pokazywać ten sam feed, jeśli jej motyw renderuje wybrany hook.

Działanie odtwarzacza

W Tryb odtwarzacza embed JavaScript modułu przechwytuje link miniatury i otwiera lightbox. Uzupełnia URL iframe YouTube o autoplay=1&rel=0. Zamknij przyciskiem, kliknięciem tła lub klawiszem Escape. Zamknięcie czyści źródło iframe i zatrzymuje odtwarzanie.

W trybie newtab link otwiera stronę oglądania YouTube w nowej karcie. Bez JavaScript link miniatury również prowadzi do YouTube, ale miniatury ładowane leniwie przez JavaScript mogą pozostać niezaładowane. Moduł nie kontroluje dostępności zdalnego odtwarzacza, reklam ani ograniczeń konta/filmu. Przetestuj konkretne filmy, których chcesz użyć.

Pamięć podręczna i odświeżanie

Pamięć podręczna feedu używa tego lokalnego pliku:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

Dane feedu są zapisywane w jednym lokalnym pliku JSON na instalację modułu. Sklepy korzystające z tego samego katalogu współdzielą plik. Żądanie w sklepie pobiera filmy, gdy pamięć podręczna nie istnieje lub wygasła. Feed nie jest odświeżany przez zaplanowane zadanie w tle.

Użyj Clear Cache, aby usunąć plik pamięci podręcznej. Zapis głównych ustawień również go czyści. Następne żądanie w sklepie pobiera nowe filmy; dotychczasowa zawartość nie pozostaje widoczna podczas tego żądania.

Zapisywane są tylko niepuste wyniki. Jeśli pobieranie nie powiedzie się lub nie zwróci filmów, to żądanie nie pokaże feedu, a kolejne żądania ponowią próbę. Wygasły plik może pozostać na serwerze, ale jego stare filmy nie są wyświetlane. Liczniki API i daty względne odpowiadają zapisanej odpowiedzi.

Przykłady konfiguracji i dostosowanie motywu

Poniższe przykłady opisują wartości do wpisania w formularzach zaplecza. Nie są to polecenia powłoki. Zastąp nazwy kont, identyfikatory pinów/filmów i dane uwierzytelniające rzeczywistymi wartościami. Hook motywu musi odpowiadać Hook wyświetlania.

Ręczna siatka prezentacji produktów bez klucza API:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_VIDEO_URLS=https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/LMNOPQRSTUV
https://www.youtube.com/shorts/WXYZabcdefg
MPRYOUTUBE_DISPLAY_HOOK=displayHome
MPRYOUTUBE_LAYOUT=grid
MPRYOUTUBE_POST_COUNT=3
MPRYOUTUBE_COLUMNS=3
MPRYOUTUBE_PLAYER_MODE=embed

Slider playlisty z pobieraniem przez API i pamięcią podręczną:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_API_KEY=AIza...
MPRYOUTUBE_PLAYLIST_ID=PL...
MPRYOUTUBE_DISPLAY_HOOK=displayFooterBefore
MPRYOUTUBE_LAYOUT=slider
MPRYOUTUBE_POST_COUNT=6
MPRYOUTUBE_AUTO_SCROLL=1
MPRYOUTUBE_SCROLL_SPEED=4000
MPRYOUTUBE_CACHE_DURATION=3600

Obsługiwane formaty ręcznych adresów URL:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

Jeśli motyw nie wyświetla wybranego hooka, dodaj odpowiednie wywołanie hooka PrestaShop we właściwym szablonie Smarty:

{hook h='displayFooterBefore'}

CSS motywu może używać klas modułu w sklepie:

.mprfeed-youtube .mprfeed-title {
  font-size: 20px;
}

.mprfeed-youtube .mprfeed-follow-youtube {
  background: #cc0000;
}

.mprfeed-youtube .mprfeed-caption {
  min-height: 2.8em;
}

Pamięć podręczna feedu używa tego lokalnego pliku:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

Zmiany CSS i szablonów przechowuj w motywie.

Weryfikacja i rozwiązywanie problemów

  • Jeśli brakuje sekcji, sprawdź Aktywuj moduł, pola źródeł, Pokaż na urządzeniach mobilnych i wybrany hook. Moduł nie zwraca sekcji, gdy nie ma dostępnych elementów.
  • Sprawdź, czy motyw wywołuje displayHeader do załadowania arkusza stylów i JavaScript oraz renderuje wybrany hook wyświetlania.
  • Jeśli obrazy pozostają puste, sprawdź błędy sieciowe przeglądarki. Spróbuj wyłączyć leniwe ładowanie i sprawdź adresy URL obrazów.
  • Jeśli układ jest nieprawidłowy, najpierw przetestuj siatkę, a następnie karuzelę przy szerokościach komputerowych i mobilnych.
  • Jeśli w MPR Social Revolution włączono YOUTUBE_ACTIVE, ten niezależny feed jest ukrywany. Kontrola odczytuje zapisaną flagę; nie wymaga, aby Social Revolution był obecnie włączony jako moduł.

Otwórz stronę "Integrity" modułu, aby sprawdzić konfigurację i hooki. Licencja, Wsparcie i Aktualizuj to strony utrzymania modułu. Po zmianie identyfikatorów kont lub źródeł feedu przetestuj rzeczywiste adresy docelowe.

Wyłączanie lub odinstalowanie

Ustaw Aktywuj moduł na Nie i zapisz, aby ukryć feed, zachowując konfigurację. Odinstaluj przez menedżer modułów, aby usunąć konfigurację, lokalną pamięć podręczną i pozycje menu administracyjnego tego modułu.

Pytania

Brak pytań o ten moduł

Zapytaj o instalację, zgodność lub konfigurację. Odpowiedzi pojawią się tutaj.

Znane problemy

8

Nie można było zapisać klucza API w konfiguracji z przewodnikiem

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.21
Zapisywanie klucza API YouTube w oknie konfiguracji mogło kończyć się błędem zapisu konfiguracji. Pozostawienie pustego pola klucza zachowuje teraz istniejący klucz.

Akceptowano nieprawidłowe klucze API

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.21
Konfiguracja z przewodnikiem mogła akceptować nieprawidłową wartość klucza API zamiast odrzucić ustawienia przed zapisaniem.

Ostrzeżenie konfiguracji pozostawało po zapisie

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.21
Strona konfiguracji mogła nadal wyświetlać nieaktualne ostrzeżenie konfiguracji bezpośrednio po zapisaniu prawidłowych ustawień.

Brakujące tłumaczenia

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.21
Etykiety panelu administracyjnego są teraz wyświetlane w wybranym języku sklepu.

Zgodność ładowania z PHP 7.1

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.16
Moduł mógł się nie ładować w PHP 7.1, ponieważ dołączone wymagania ładowania były zbyt restrykcyjne.

Panel administracyjny modułu mógł się nie otwierać

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.15
Otwieranie panelu administracyjnego modułu mogło kończyć się błędem w sklepach bez wymaganego wsparcia formatowania cen.

Strona konfiguracji nie udostępniała ustawień kanału

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.12
Strona konfiguracji modułu wyświetlała element zastępczy zamiast użytecznych ustawień kanału.

Brak danych filmów i subskrypcji w widoku kanału

RozwiązaneZaktualizowano:
Naprawiono w: 1.0.12
Kanał nie zawsze otrzymywał listę filmów i ustawienia przycisku subskrypcji potrzebne do wyświetlania.

Zgłoszenia funkcji

1

Zaimplementowane

Konfiguracja źródła wideo z instrukcjami

Zaimplementowane
Konfiguruj ręcznie adresy URL filmów YouTube bez klucza API lub połącz kanał bądź playlistę za pomocą klucza API, korzystając z kontroli konfiguracji z instrukcjami.

Dziennik zmian

v1.0.132026-09-08

  • Addedcomplete FR/DE/ES/IT/PL translations
Starsze wersje

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-06

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedplaylist support alongside channel display
  • Improvedlazy-load iframes — YouTube thumbnails load as images, iframe created on click
  • Fixedvideo grid overflow on 5-column layouts on 1440p screens

v1.0.02025-09-18

  • Initialrelease: YouTube channel and playlist video display for PrestaShop
  • InitialGrid layout with configurable column count and video thumbnails
  • InitialBack-office configuration for channel ID, API key, and layout type
  • InitialCompatible with PS 1.7.x and PS 8.x

v1.1.02025-07-28

  • Addedslider layout option with autoplay and configurable interval
  • Addedvideo count limiter per widget placement

Demo

Przetestuj pełny moduł przed zakupem

Licencję kupisz później, a ustawienia zostaną.

  • Twoje 30-dniowe demo Przetestuj go we własnym sklepie przez 30 dni od pierwszej instalacji.
  • Gotowy sklep demo Poznaj gotowy sklep demo w przeglądarce.
  • Bez rejestracji Bez konta, adresu e-mail ani domeny sklepu.
Uruchom sklep demo

Pobierając, akceptujesz warunki dema i politykę prywatności.

Otwierając to demo, akceptujesz regulamin wersji demo oraz politykę prywatności.

Ładowanie...
Do góry