Shopify nie ma przycisku YouTube dostepnego jednym klikniciem w kazdym motywie, ale dodanie filmu jest proste, gdy juz wiesz, gdzie trafia kod HTML.
Metoda 1: sekcja Custom Liquid (motywy Online Store 2.0)
Wiekszosc aktualnych motywow Shopify wspiera sekcje Custom Liquid, ktore przyjmuja surowy HTML:
- W edytorze motywu Shopify dodaj nowa sekcje i wybierz “Custom Liquid”.
- Zbuduj swoj kod osadzenia za pomoca generatora kodu osadzania, wlaczajac responsywny kontener, aby dopasowal sie do elastycznych szerokosci stron Shopify.
- Wklej wygenerowany kod do pola tresci sekcji Custom Liquid.
- Zapisz i podejrzyj strone.
Metoda 2: blok tekstu sformatowanego lub HTML w opisie produktu/strony
Przy opisie produktu lub standardowej stronie przelacz edytor opisu na “Pokaz HTML” (zwykle mala ikona <> nad polem tekstowym) i wklej kod osadzenia bezposrednio do zrodla HTML, a nie do edytora wizualnego, aby znaczniki iframe nie zostaly zamienione na encje.
Jak sprawic, by bylo responsywne w ukladzie Shopify
Szerokosci stron Shopify roznia sie w zaleznosci od motywu i ustawien sekcji, wiec zawsze uzywaj osadzenia responsywnego (opartego na procentach), a nie stalego rozmiaru w pikselach. W przeciwnym razie film moze wystawac poza waska kolumne na urzadzeniach mobilnych albo zostawiac niezgrabna pusta przestrzen w szerokiej kolumnie.
Typowe problemy
Jesli osadzenie nie pojawia sie po zapisaniu, sprawdz dokladnie, czy kod wklejono do pola obslugujacego HTML (Custom Liquid lub widok zrodla HTML), a nie do zwyklego edytora tekstu sformatowanego, ktory moze calkowicie usunac znaczniki iframe. Upewnij sie rowniez, ze Twoj motyw nie stosuje leniwego ladowania calych sekcji w sposob kolidujacy z wlasnym atrybutem loading=”lazy” iframe; w wiekszosci motywow te dwa mechanizmy dobrze wspolpracuja.