Integracja Feedu YouTube: konfiguracja i pomoc
Szybki start
- Prześlij i zainstaluj plik ZIP
mpryoutubeintegrationw Moduły > "Module Manager". - Kliknij "Configure". W Połączenie YouTube pozostaw Aktywuj moduł na Tak.
- Wpisz rzeczywiste publiczne Adresy URL wideo (ręczne), po jednym w wierszu. Do pierwszego testu nie potrzebujesz klucza API.
- W Ustawienia wyświetlania wybierz Hook wyświetlania
displayHome. Pozostaw Układ > Typ układu nagrid. - W Informacje o wideo wybierz Tryb odtwarzacza
embeddla lightboxa lubnewtabdla YouTube. - Kliknij Zapisz, a następnie otwórz sklep w miejscu renderowania wybranego hooka.
- 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
displayHeaderdo 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
Akceptowano nieprawidłowe klucze API
Ostrzeżenie konfiguracji pozostawało po zapisie
Brakujące tłumaczenia
Zgodność ładowania z PHP 7.1
Panel administracyjny modułu mógł się nie otwierać
Strona konfiguracji nie udostępniała ustawień kanału
Brak danych filmów i subskrypcji w widoku kanału
Zgłoszenia funkcji
1
Zaimplementowane
Konfiguracja źródła wideo 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.
Pobierając, akceptujesz warunki dema i politykę prywatności.
Otwierając to demo, akceptujesz regulamin wersji demo oraz politykę prywatności.