Loch Ness · ZÁSUVNÉ MODULY
Autor: Camille G., zakladateľ spoločnosti Loch Ness · Zverejnené 12. júla 2026 · Čas čítania ≈ 6 min
O autorovi
Camille G. vytváří ručne vyrábanú a symbolickú bižutériu od roku 2013. Ako full-stack vývojárka, navrhuje a kóduje skladateľka uvedená tu sama seba, s niekoľkými príspevkami k open source projektom vo svojom mene. Táto duálna perspektíva — remeselná a technická — jej umožňuje zvládnuť tak skúsenosť zákazníka, ako aj riešenie, ktoré ju poháňa. Výskumníčka a remeselníčka, publikuje svoju prácu pod ORCID identifikátor 0009-0009-0364-6396. Tento článok vychádza tak z praktických skúseností, ako aj z oficiálnej dokumentácie Shopify, ktorá je citovaná na konci stránky.
Predávate náramky z drahých kameňov (kryštálové lieči) a chceli by ste, aby vaši zákazníci skladali vlastné priamo vo vašom obchode? Dobrá správa: na Shopify to môžete urobiť bez inštalácie akejkoľvek aplikácie a bez úpravy kódu vašej témy. Tento tutoriál vám ukazuje krok za krokom, ako pridať Loch Ness composer na váš web za niekoľko minút.
1. Čo potrebujete pred začatím
Integrácia je založená na jednoduchej a overenej metóde: skladateľ sa načíta na vašu stránku cez bezpečný rámec („iframe"). V praxi zostáva skladateľ umiestnený na našich serveroch a zobrazuje sa na vašich: nemáte čo hosťovať, nemáte čo aktualizovať a automaticky využívate najnovšie vylepšenia.
Potrebné sú len dve veci: tvoj ID účastníka (poskytovaný Loch Ness po aktivácii vášho účtu, napríklad my-shop), a nedávna téma Shopify. Všetky témy upravené od roku 2021 – vrátane Dawn, predvolenej témy – obsahujú potrebný blok podľa predvolby.
2. Pridajte skladateľa, krok za krokom
Prejdite na svoju Shopify administráciu a potom nasledujte tieto päť krokov:
1. Choď na Internetový obchod → Témy, potom kliknite Prispôsobiť.
2. Otvorte stránku, kde chcete zobraziť tvorca (vyhradenú stránku "Vytvorte si svoj náramok" alebo stránku produktu).
3. Kliknite Pridať časť (alebo Pridať blok), a vyberte si Vlastný kvapaliny.
4. Vložte kód z časti 3 nižšie, čím nahradíte VAŠA-IDENTIFIKÁCIA s tvojím.
5. Kliknite Uložiť. Skladateľ sa okamžite objaví v náhľade.
2. Otvorte stránku, kde chcete zobraziť tvorca (vyhradenú stránku "Vytvorte si svoj náramok" alebo stránku produktu).
3. Kliknite Pridať časť (alebo Pridať blok), a vyberte si Vlastný kvapaliny.
4. Vložte kód z časti 3 nižšie, čím nahradíte VAŠA-IDENTIFIKÁCIA s tvojím.
5. Kliknite Uložiť. Skladateľ sa okamžite objaví v náhľade.
V praxi. Mnohí tvorcovia preferujú vytvoriť vyhradené stránku s názvom „Vytvorte si svoj náramok" a pridať ju do hlavnej ponuky. Skladateľ má tam viac miesta ako uprostred produktovej stránky a odkaz sa ľahko dá zdieľať na Instagrame alebo prostredníctvom správy.
3. Kód na vloženie
Skopírujte blok nižšie a vložte ho do Vlastný kvapaliny pole. Len si iba pamätaj nahradiť VAŠA-IDENTIFIKÁCIA s identifikátorom Loch Ness, ktorý ste dostali.
<div class=”ln-composeur” style=”max-width:900px;margin:0 auto;background:#f7f5f0;border:1px solid #d8d4c8;border-radius:12px;overflow:hidden;”> <iframe src=”https://visual.scaleyourshop.app/?client=YOUR-IDENTIFIER” style=”width:100%;height:900px;border:0;display:block;” loading=”lazy” title=”Bracelet Composer” allow=”clipboard-write”></iframe> </div> <style>@media (max-width:768px){.ln-composeur iframe{height:680px;}}</style>
Na kopírovanie: kliknite do tmavého rámca vyššie, stlačte Ctrl+A (alebo ⌘+A na Macu) na výber všetkého, potom Ctrl+C (alebo ⌘+C) na kopírovanie.
Tip: Vyhnite sa vkladaniu tohto kódu do popisu produktu prostredníctvom klasického textového editora. Shopify tam niekedy filtruje iframes. Blok "Custom Liquid" na druhej strane nepoužíva žiadne filtre.
4. Anglická verzia a často kladené otázky
Predávate v zahraničí? Ak chcete zobraziť skladateľa v angličtine, jednoducho nahraďte adresu URL: https://visual.scaleyourshop.app/index-en.html?client=YOUR-IDENTIFIER. Zvyšok bloku sa nemení.
Prispôsobuje sa skladateľ mojej značke? Áno. Vaše farby, logo, ceny a výber kameňa sú prepojené s vašim identifikátorom. Jednoducho nám pošlite svoje preferencie a my nakonfigurujeme skladateľa tak, aby zodpovedal vašej značke.
Čo s mobilom? Skladateľ je navrhnutý pre dotyk a dokonale sa zobrazuje na telefónoch. Výška sa automaticky prispôsobuje vďaka poskytnutému kódu.
Potrebujem nainštalovať aplikáciu zo Shopify App Store? Nie, a to je zámerné: žiadna aplikácia na inštaláciu, bez spomalenia vášho obchodu. Postačí jednoduchý blok.
Dajte svojim zákazníkom náramok, ktorý si predstavujú
Bezplatne otestujte skladateľa, potom ho aktivujte v obchode Shopify so svojou vlastnou identitou. Sprevádzame vás v každom kroku.
Zdroje
1. Shopify — Pridajte vlastný obsah Liquid do témy (oficiálna dokumentácia) — help.shopify.com
2. Shopify — Motívy Online Store 2.0 a dynamické sekcie — help.shopify.com
3. MDN Web Docs — Element iframe a atribút loading — developer.mozilla.org
Článok napísaný spoločnosťou Loch Ness. Citované údaje patria ich príslušným autorom a sú reprodukované na informačné účely, s odkazmi na pôvodný zdroj.