Pomocník
Prihlásiť sa

Používanie editora formátovaného textu na tvorbu obsahu

Editor formátovaného textu Shopify môžete použiť na formátovanie a úpravu štýlu obsahu, ktorý sa zobrazuje vo vašom online obchode.

Na tejto stránke

Kde sa používa editor formátovaného textu

Editor formátovaného textu môžete použiť na pridanie alebo úpravu textu na viacerých miestach obchodu:

Ak používate kompatibilnú tému, na stránky alebo do šablón môžete pridať sekcie formátovaného textu pomocou editora tém.

Pridanie obsahu HTML pomocou editora formátovaného textu

Pomocou editora formátovaného textu môžete zadať obsah HTML pre blogové príspevky, stránky, opisy produktov a opisy kolekcií.

Kliknutím na tlačidlo Upraviť kód si zobrazíte kód HTML pre obsah v editore formátovaného textu.

V zobrazení HTML môžete vykonávať mnohé zmeny obsahu v editore formátovaného textu. Pomocou kódu HTML môžete pridávať obrázky, videá alebo tabuľky a môžete ladiť alebo dolaďovať rozloženie a štýl obsahu.

Vloženie widgetu pre médiá

Ak chcete vložiť widget pre video alebo hudbu, musíte ho najprv hostovať v službe, ako je YouTube, Vimeo alebo SoundCloud. Tieto služby vygenerujú kód na vloženie, ktorý môžete skopírovať a prilepiť do editora formátovaného textu v administrátorovi Shopify.

Kroky:

  1. Nájdite kód na vloženie pre médiá, ktoré chcete vložiť.
  2. Vyberte celý kód na vloženie tak, že naň kliknete a stlačíte klávesy ctrl + A na PC alebo command + A na Macu.
  3. Skopírujte kód na vloženie stlačením klávesov ctrl + C na PC alebo command + C na Macu.
  4. V administrátorovi Shopify kliknite na tlačidlo Zobraziť HTML v editore formátovaného textu pre obsah, ktorý upravujete.
  5. Prilepte kód na vloženie stlačením klávesov ctrl + V na PC alebo command + V na Macu.
  6. Kliknite na Uložiť.

Formátovanie textu pomocou editora formátovaného textu

Pomocou tlačidla Formátovanie môžete rýchlo vytvárať odseky, nadpisy alebo citácie. Používanie správneho formátovania a úrovní nadpisov pomáha ľuďom a vyhľadávačom čítať obsah vášho webu.

Ak chcete vybrať formát textu, zvýraznite text a potom kliknite na tlačidlo Formátovanie.

Možnosti formátovania

  • Odsek

    Väčšinu textového obsahu vášho webového sídla tvorí text odseku. Text odseku má zvyčajne veľkosť písma 10–12 pt, niektoré témy však používajú iné veľkosti písma.

  • Nadpis (1–6)

    Nadpisy sa používajú na štruktúrovanie obsahu. K dispozícii je 6 úrovní nadpisov. Nadpis 1 je najdôležitejšia úroveň a Nadpis 6 je najmenej dôležitá.

  • Bloková citácia

    Bloková citácia sa používa na zobrazenie textu priradeného inej osobe, napríklad na citáciu alebo úryvok z knihy alebo webového sídla.

Tučný text

Ak chcete nastaviť tučný text, zvýraznite ho a kliknite na tlačidlo Tučné.

Text kurzívou

Ak chcete nastaviť text kurzívou, zvýraznite ho a kliknite na tlačidlo Kurzíva.

Podčiarknutý text

Ak chcete text podčiarknuť, zvýraznite ho a kliknite na tlačidlo Podčiarknuté.

Vytvoriť zoznam s odrážkami

Ak chcete vytvoriť zoznam s odrážkami, kliknite na tlačidlo Zoznam s odrážkami.

Písaním vytvoríte prvú položku zoznamu s odrážkami. Ak chcete vytvoriť nové položky zoznamu, stlačte kláves enter alebo return. Ak chcete zoznam dokončiť, stlačte dvakrát kláves enter alebo return.

Vytvoriť číslovaný zoznam

Ak chcete vytvoriť číslovaný zoznam, kliknite na tlačidlo Číslovaný zoznam.

Písaním vytvoríte prvú položku číslovaného zoznamu. Ak chcete vytvoriť nové položky zoznamu, stlačte kláves enter alebo return. Ak chcete zoznam dokončiť, stlačte dvakrát kláves enter alebo return.

Zväčšiť odsadenie textu

Odsadením odseku sa vytvorí na jeho ľavej strane okraj. Ak chcete odsadiť odsek, kliknite na tlačidlo Zväčšiť odsadenie.

Zmenšiť odsadenie textu

Zmenšením odsadenia odseku sa odstránia všetky jeho odsadené okraje. Ak chcete zmenšiť odsadenie odseku, kliknite na tlačidlo Zmenšiť odsadenie.

Zarovnať text

Ak chcete zarovnať text, vyberte ho, kliknite na tlačidlo Zarovnanie a vyberte možnosť Zarovnať doľava, Zarovnať na stred alebo Zarovnať doprava.

Zmeniť farbu textu

  1. Zvýraznite text a kliknite na tlačidlo Farba.
  2. Kliknutím na farbu alebo zadaním hexadecimálneho kódu zmeníte farbu zvýrazneného textu.

Zmeniť farbu pozadia textu

  1. Zvýraznite text a kliknite na tlačidlo Farba.
  2. Kliknite na kartu Pozadie.
  3. Kliknutím na farbu alebo zadaním hexadecimálneho kódu zmeníte farbu pozadia zvýrazneného textu.

Vymazať formátovanie v editore formátovaného textu

Ak chcete z textu alebo obrázkov odstrániť formátovanie, zvýraznite obsah a kliknite na tlačidlo Vymazať formátovanie.

Vložiť tabuľky pomocou editora formátovaného textu

Pomocou editora formátovaného textu môžete vkladať tabuľky do svojich blogových príspevkov, stránok, opisov produktov a opisov kolekcií. Do vytvorenej tabuľky môžete umiestniť text, obrázky alebo dokonca videá.

Kroky:

  1. V editore formátovaného textu kliknite na tlačidlo Vložiť tabuľku.
  2. Kliknutím na možnosť Vložiť tabuľku vložíte tabuľku. Tým sa vytvorí tabuľka s jedným riadkom a jedným stĺpcom.

Po vytvorení tabuľky znova kliknite na tlačidlo Vložiť tabuľku, čím môžete upraviť riadky a stĺpce tabuľky:

  • Vložiť riadok nad: Umiestnite kurzor do riadka a kliknutím na toto tlačidlo vložte nový riadok nad tento riadok.
  • Vložiť riadok pod: Umiestnite kurzor do riadka a kliknutím na toto tlačidlo vložte nový riadok pod tento riadok.
  • Vložiť stĺpec pred: Umiestnite kurzor do stĺpca a kliknutím na toto tlačidlo vložte nový stĺpec pred tento stĺpec.
  • Vložiť stĺpec za: Umiestnite kurzor do stĺpca a kliknutím na toto tlačidlo vložte nový stĺpec za tento stĺpec.
  • Odstrániť riadok: Umiestnite kurzor do riadka, ktorý chcete odstrániť, a kliknite na toto tlačidlo.
  • Odstrániť stĺpec: Umiestnite kurzor do stĺpca, ktorý chcete odstrániť, a kliknite na toto tlačidlo.
  • Odstrániť tabuľku: Umiestnite kurzor kamkoľvek do tabuľky a kliknutím na toto tlačidlo odstránite celú tabuľku.

Vložiť odkazy pomocou editora formátovaného textu

Pomocou editora formátovaného textu môžete vkladať odkazy (hypertextové odkazy) do blogových príspevkov, stránok, opisov produktov a opisov kolekcií. Môžete pridať odkazy, ktoré zákazníkov presmerujú na stránky v rámci vášho online obchodu Shopify a na iné webové sídla. Môžete pridať aj odkazy, ktoré otvárajú e-mailové správy alebo uskutočňujú telefónne hovory, aby sa s vami zákazníci mohli jednoduchšie spojiť.

Kroky:

  1. Zvýraznite text alebo obrázok, ktorý chcete zmeniť na odkaz.
  2. Kliknite na možnosť Vložiť odkaz.
  3. Zadajte cieľovú adresu URL pre odkaz do poľa Odkaz na :
    • Ak chcete odkázať na externé webové sídlo, ktoré je mimo vášho obchodu Shopify, zadajte https:// a za tým webovú adresu, napríklad https://www.example.com.
    • Ak chcete odkázať na stránku vo vašom online obchode Shopify, zadajte krátku adresu URL, napríklad /collections/summer-collection.
    • Ak chcete vytvoriť odkaz, ktorý otvorí e-mailovú správu, zadajte mailto: a za tým e-mailovú adresu, napríklad mailto:example@example.com.
    • Ak chcete vytvoriť odkaz, ktorý uskutoční telefónny hovor, zadajte tel: a za tým telefónne číslo, napríklad tel:+0-123-456-7890.
  4. Zadajte krátky opis odkazu do poľa Názov odkazu.
  5. Vyberte spôsob otvorenia odkazu v ponuke Otvoriť tento odkaz v :
    • tom istom okne: Odkaz sa otvorí v existujúcej karte alebo okne prehliadača používateľa.
    • novom okne: Odkaz sa otvorí v novej karte alebo okne prehliadača.
  6. Kliknutím na možnosť Vložiť odkaz zmeníte zvýraznený text na odkaz.

Pridať interné a externé odkazy pomocou editora formátovaného textu

Odkazy na stránky v rámci vášho obchodu Shopify sa nazývajú interné odkazy. Na vytváranie interných odkazov môžete používať krátke adresy URL. Napríklad URL adresa /collections odkazuje na stránku kolekcií vášho obchodu.

Ak chcete pridať odkaz na konkrétnu stránku vášho online obchodu, napríklad na kolekciu alebo stránku produktu, použite formát URL adresy /page-type/page-handle. Ak chcete napríklad pridať odkaz na vytvorenú kolekciu s názvom Letná kolekcia, použite URL adresu /collections/summer-collection.

Odkazy na webové stránky mimo vášho obchodu Shopify sa nazývajú externé odkazy. Externé odkazy sa musia zadávať celé a musia sa začínať na http://.

Po nahratí súboru naň môžete pridať odkaz v editore formátovaného textu, aby sa dal stiahnuť z popisu produktu alebo kolekcie, webovej stránky alebo blogového príspevku.

Kroky:

Počítač

  1. V administrátorovi Shopify prejdite na Obsah > Súbory.

  2. Skopírujte URL adresu súboru, na ktorý chcete pridať odkaz.

  3. V administrátorovi Shopify kliknite na produkt, kolekciu, webovú stránku alebo blogový príspevok, kam chcete pridať súbor.

  4. V editore formátovaného textu zadajte alebo vyberte text odkazu.

  5. Vyberte text odkazu.

  6. Kliknite na Vložiť odkaz

  7. Do poľa Odkaz na prilepte URL adresu súboru, na ktorý chcete odkazovať.

  8. Kliknite na Vložiť odkaz. V editore formátovaného textu sa text odkazu zobrazí modrou farbou a je podčiarknutý.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Menu.

  2. V ponuke Obsah ťuknite na ikonu arrow down a potom ťuknite na Súbory.

  3. Skopírujte URL adresu súboru, na ktorý chcete pridať odkaz.

  4. V administrátorovi Shopify ťuknite na produkt, kolekciu, webovú stránku alebo blogový príspevok, kam chcete pridať súbor.

  5. V editore formátovaného textu zadajte alebo vyberte text odkazu.

  6. Vyberte text odkazu.

  7. Ťuknite na Vložiť odkaz

  8. Do poľa Odkaz na prilepte URL adresu súboru, na ktorý chcete odkazovať.

  9. Ťuknite na Vložiť odkaz. V editore formátovaného textu sa text odkazu zobrazí modrou farbou a je podčiarknutý.

Vloženie obrázkov pomocou editora formátovaného textu

Existujú tri spôsoby, ako vložiť obrázok pomocou editora formátovaného textu. Môžete:

Nahrať obrázky

Kroky:

  1. V editore formátovaného textu kliknite na tlačidlo Vložiť obrázok.

  2. V dialógovom okne Vložiť obrázok kliknite na kartu Nahrané obrázky.

  3. Kliknite na Nahrať súbor.

  4. Vyberte zo svojho počítača súbor obrázka vo formáte WebP, HEIC, SVG, GIF, JPEG alebo PNG.

  5. Kliknutím vyberte nahratý obrázok.

  6. V ponuke Veľkosť vyberte veľkosť zobrazenia obrázka. Môžete vybrať možnosť Pôvodná a vložiť obrázok bez zmeny jeho veľkosti zobrazenia.

  7. Kliknutím na Vložiť obrázok umiestnite obrázok do editora formátovaného textu.

Výber z obrázkov produktov

Kroky:

  1. V editore formátovaného textu kliknite na tlačidlo Vložiť obrázok.

  2. V dialógovom okne Vložiť obrázok kliknite na kartu Obrázky produktov.

  3. Kliknite na obrázok, ktorý chcete vložiť. Ak neviete nájsť médiá produktu, ktoré chcete vložiť, môžete použiť tlačidlá so šípkami a prehľadávať rôzne stránky.

  4. V ponuke Veľkosť vyberte veľkosť zobrazenia obrázka. Môžete vybrať možnosť Pôvodná a vložiť obrázok bez zmeny jeho veľkosti zobrazenia.

  1. Kliknutím na Vložiť obrázok umiestnite obrázok produktu do editora formátovaného textu.

Použitie URL adresy obrázka

Ak chcete vložiť obrázok pomocou verejnej URL adresy:

  1. V editore formátovaného textu kliknite na tlačidlo Vložiť obrázok.
  2. V dialógovom okne Vložiť obrázok kliknite na kartu URL.
  3. Zadajte verejne prístupnú URL adresu súboru obrázka.
  4. Kliknutím na Vložiť obrázok vložíte obrázok do editora formátovaného textu v jeho pôvodnej veľkosti.

Presun a zmena veľkosti obrázka v editore formátovaného textu

Po pridaní obrázka do popisu produktu alebo kolekcie, na webovú stránku alebo do blogu ho môžete v obsahu presunúť na iné miesto.

Kroky:

  1. V administrátorovi Shopify kliknite na produkt, kolekciu, webovú stránku alebo blogový príspevok s obrázkom, ktorý chcete presunúť alebo zmeniť jeho veľkosť.
  2. V editore formátovaného textu kliknite na obrázok.
  3. Vykonajte jeden z nasledujúcich krokov:
    • Ak chcete obrázok presunúť, kliknite naň a potiahnite ho na iné miesto v poli Obsah.
    • Ak chcete zmeniť veľkosť obrázka, kliknite na jeden z rohov a potiahnite ho.
  4. Kliknite na Uložiť.

Úprava obrázka v editore formátovaného textu

V editore formátovaného textu môžete zmeniť veľkosť obrázka, obtekanie textu a zarovnanie. Môžete tiež upraviť URL adresu obrázka, prípadne pridať alebo upraviť alternatívny text obrázka.

Kroky:

  1. Dvojitým kliknutím na obrázok v editore formátovaného textu otvorte dialógové okno Upraviť obrázok.
  2. Na úpravu obrázka použite možnosti veľkosti a zarovnania:
    • Ak chcete zmeniť veľkosť obrázka, vyberte niektorú z možností veľkosti.
    • Ak chcete zlepšiť SEO a prístupnosť svojho internetového obchodu, pridajte alebo upravte alternatívny text obrázka.
    • Ak chcete pridať medzery, zadajte počet pixelov pre každú stranu.
    • Ak chcete zmeniť zarovnanie obrázka, vyberte si z ikon predstavujúcich zarovnanie doľava, na stred alebo doprava.
    • Ak chcete pridať obtekanie textu, začiarknite možnosť Obtekať text okolo obrázka.
  3. Zmeny uložíte kliknutím na Upraviť obrázok.

Vloženie videí pomocou editora formátovaného textu

Pomocou editora formátovaného textu môžete vkladať videá do blogových príspevkov, na stránky a do opisov produktov a kolekcií.

Ak chcete vložiť vlastné video, musíte ho najprv nahrať na stránku na streamovanie videí, ako je napríklad YouTube alebo Vimeo.

YouTube neumožňuje vypnúť súvisiace videá, môžete však nastaviť, aby pochádzali z rovnakého kanála ako práve prehrané video.

Kroky:

  1. Skopírujte URL videa stlačením klávesov ctrl + C na PC alebo command + C na Macu.
  1. Prejdite na stránku Embed Responsively. Je to nástroj, ktorý vám poskytne vylepšený kód na vloženie pre vaše video.
  1. V nástroji Embed Responsively kliknutím vyberte webovú stránku s videom, kde sa vaše video nachádza.
  2. Skopírovanú URL videa vložte do poľa Page URL v nástroji Embed Responsively stlačením klávesov ctrl + V na PC alebo command + V na Macu.
  3. Kliknite na Embed. Nástroj Embed Responsively vytvorí kód na vloženie.
  4. Ak je video zo služby YouTube a chcete zobrazovať iba súvisiace videá z rovnakého kanála YouTube, nájdite v kóde na vloženie URL videa. Na koniec pred úvodzovky skopírujte a vložte ?rel=0.
  5. Skopírujte celý kód v poli Embed code.
  6. V administrátorovi Shopify kliknite v editore formátovaného textu na tlačidlo Vložiť video.
  7. V dialógovom okne Vložiť video vložte kód na vloženie do poľa.
  8. Kliknite na Vložiť video.
  9. Po dokončení kliknite na Uložiť, čím sa uložia zmeny v upravovanej položke.

Vloženie zvukových súborov pomocou editora formátovaného textu

Editor formátovaného textu môžete použiť na vkladanie zvukových súborov do blogových príspevkov, na stránky a do opisov produktov a kolekcií.

Kroky:

  1. V administrátorovi Shopify prejdite na Obsah > Súbory.

  2. Kliknutím na Nahrať súbory nahráte zvukový súbor, ktorý chcete vložiť do svojho obchodu.

  3. V sekcii Internetový obchod otvorte editor formátovaného textu pre stránku alebo blogový príspevok, kde chcete zvukový súbor uverejniť.

  4. Skopírujte kód <div id="player"><audio controls="controls"> a vložte ho do editora formátovaného textu, čím na stránku vložíte prehrávač zvuku.

  5. Skopírujte nasledujúci kód:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Vložte tento kód do editora formátovaného textu za kód prehrávača zvuku a nahraďte časť https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 adresou URL vášho zvukového súboru, ktorá sa vytvorila po jeho nahratí do služby Shopify. URL svojho zvukového súboru môžete kedykoľvek nájsť na stránke Súbory.
  2. Kliknite na Uložiť.
  3. Kliknutím na Zobraziť sa uistite, že sa zvukový súbor prehráva správne.

Pridanie alebo odstránenie interných komentárov v editore formátovaného textu

Značky komentárov <!-- a --> môžete použiť pre interný text, ktorý nechcete publikovať vo svojom obchode.

Kroky:

  1. V editore formátovaného textu kliknite na tlačidlo Zobraziť HTML.
  2. Ak chcete pridať interný komentár, uzavrite text, ktorý chcete skryť, do značiek <!-- a -->. Napríklad: <!--váštext-->.
  3. Kliknite na Uložiť.

Značky HTML, ktoré sú uzavreté v značkách komentárov, sa uložia ako interný text. Aby tieto značky HTML fungovali správne, musíte odstrániť značky komentárov <!-- a -->, ktoré ich obklopujú.

Informácie o editore formátovaného textu

Editor formátovaného textu je integrovaný s TinyMCE, sieťou na doručovanie obsahu (CDN) od tretej strany. Táto integrácia má niekoľko dôležitých dôsledkov:

  • Limit obsahu: Pre obsah zadaný do editora formátovaného textu platí pevný limit 64 kB. To sa vzťahuje na Stránky, Príspevky na blogu a ďalšie skripty.
  • Sanitizácia HTML: TinyMCE poskytuje logiku filtrovania obsahu, ktorá automaticky opravuje formátovanie HTML, aby sa predišlo zlyhaniam výkladnej skrine a bezpečnostným rizikám. Aj keď môžete kód HTML manuálne upraviť do pôvodnej podoby, odporúčame akceptovať tieto automatické zmeny, aby ste predišli potenciálnym problémom.

Riešenie problémov s editorom formátovaného textu

Ak máte problémy s editorom formátovaného textu, prečítajte si nasledujúce kroky na riešenie problémov a bežné problémy.

Riešenie problémov s formátovaním

Problémy s formátovaním pri skopírovanom obsahu

Text vždy preberá formátovanie editora alebo webovej stránky, z ktorej pochádza. Ak napíšete obsah v programe Microsoft Word a potom ho skopírujete a vložíte do editora formátovaného textu, zachová si rovnakú farbu, veľkosť, odsadenie a medzery vrátane značiek <div>.

Vždy, keď je to možné, upravujte a formátujte obsah priamo v editore formátovaného textu.

Pri zložitejších rozloženiach stránok zvážte použitie aplikácií s nástrojmi na tvorbu stránok, ako je napríklad Shogun Drag & Drop Page Builder.

Identifikácia problémov s formátovaním

Najčastejšou príčinou problémov v editore formátovaného textu sú vložené štýly alebo formátovanie, ktoré sa prenesú pri kopírovaní a vkladaní obsahu z iného zdroja.

Môže sa to prejaviť rôznymi spôsobmi, zvyčajne je to však príčinou vtedy, keď existuje akýkoľvek rozpor medzi tým, čo sa zobrazuje v administrátorovi Shopify, a tým, čo sa zobrazuje vo vašom živom obchode. Patrí sem aj to, že sa informácie neaktualizujú alebo sa štýl zobrazuje inak.

Riešenie problémov s formátovaním

Sú dva spôsoby, ako otestovať, či problém spôsobujú chyby formátovania: pomocou tlačidla Vymazať formátovanie alebo prechodom obsahu editora formátovaného textu cez odstraňovač HTML.

Ak to chcete otestovať, vytvorte kópiu produktu alebo stránky s problémom a potom na nej vykonajte jeden z nasledujúcich testov.

Test 1: Vymazať formátovanie

  1. Zvýraznite celý obsah v editore formátovaného textu.
  2. Kliknite na tlačidlo Vymazať formátovanie.
  3. Kliknite na Uložiť a otestujte.

Test 2: Odstraňovač HTML

  1. Skopírujte celý obsah z editora formátovaného textu.
  2. Vložte ho do odstraňovača HTML, ako je napríklad striphtml.com.
  3. Skopírujte celý očistený obsah.
  4. Vložte ho späť do editora formátovaného textu a nahraďte ním pôvodný obsah.
  5. Kliknite na Uložiť a otestujte.

Ak niektorý z týchto krokov problém vyrieši, problém vyplýva z formátovania, ktoré sa prenieslo pri pôvodnom pridaní obsahu do editora formátovaného textu. Rovnaké metódy môžete použiť aj na opravu pôvodného obsahu.

Riešenie problémov s nesprávne zarovnaným kódom obrázka

Ak máte problémy so správnym zarovnaním textu vedľa obrázka pri použití možnosti obtekania, možno budete musieť presunúť kód tak, aby sa značka obrázka zobrazila na začiatku odseku a nie v strede.

  1. V editore formátovaného textu kliknite na tlačidlo Upraviť kód.
  2. Nájdite kód obrázka a presuňte celú značku <img> na začiatok odseku, mimo značiek odseku <p>.
  3. Odstráňte všetky značky <span> v nasledujúcich odsekoch pod obrázkom.
  4. Kliknite na Uložiť.

Príklad nesprávne zarovnaného kódu obrázka:

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

Opravený kód:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Riešenie problémov s nefunkčnými odkazmi mailto

Ak odkazy mailto: nefungujú (načítava sa prázdna stránka alebo sa neotvára e‑mail), skontrolujte, či má odkaz túto štruktúru:

mailto:email@example.com

Ak sa zhoduje s formátom vyššie a napriek tomu nefunguje podľa očakávania, môže ísť o problém s nastaveniami prehliadača alebo e-mailového klienta. Skontrolujte nastavenia prehliadača a e-mailového klienta, aby ste sa uistili, že sú nakonfigurované na správne spracovanie odkazov mailto:.

Riešenie problémov s návratom obrázkov na stránke k pôvodnej veľkosti po zmene veľkosti

Keď sa obrázky vložia na stránku, vygenerovaný kód HTML obsahuje parameter src aj parameter data-mce-src. Ak sa nezhodujú, parameter src sa nakoniec aktualizuje tak, aby zodpovedal parametru data-mce-src.

Keď však zmeníte veľkosť obrázka pomocou editora formátovaného textu, aktualizuje sa iba src, pričom pre data-mce-src zostane adresa URL pôvodnej veľkosti. Po niekoľkých ďalších kliknutiach sa adresa URL parametra src vráti späť na adresu URL parametra data-mce-src.

Ak sa tomu chcete vyhnúť, manuálne aktualizujte adresu URL parametra data-mce-src, aby zodpovedala požadovanej veľkosti obrázka:

  1. V editore formátovaného textu kliknite na tlačidlo Upraviť kód.
  2. Nájdite značku obrázka, ktorého veľkosť ste zmenili.
  3. Vyhľadajte parameter src aj data-mce-src.
  4. Aktualizujte adresu URL parametra data-mce-src tak, aby sa zhodovala s adresou URL parametra src.
  5. Kliknite na Uložiť.
Riešenie problémov s automatickými zmenami kódu HTML (sanitizácia)

Môžete si všimnúť, že keď vykonáte zmeny v editore formátovaného textu, príslušný kód HTML sa automaticky zmení.

Prečo sa to deje?

Editor formátovaného textu v službe Shopify je integrovaný so službou TinyMCE, čo je sieť na doručovanie obsahu (CDN) tretej strany. Táto sieť CDN poskytuje rozsiahly a spoľahlivý súbor logiky filtrovania obsahu, ktorý automaticky opravuje formátovanie riadkov kódu HTML, ktoré by vo výkladnej skrini mohli nesprávne fungovať alebo by ju mohli vystaviť bezpečnostným rizikám. Tento proces sa nazýva sanitizácia HTML.

Čo mám robiť?

Hoci logiku filtrovania obsahu môžete obísť tak, že svoj kód HTML manuálne upravíte späť na jeho predchádzajúci stav, odporúča sa, aby ste sa držali automatizovaných zmien. Tieto automatické opravy sú očakávaným správaním a slúžia na dôležitý účel, ktorým je zabránenie zmenám vo výkladnej skrini, ktoré by mohli viesť k problémom.

Ak sa pokúšate dosiahnuť konkrétne ciele napísaním kódu HTML, ktorý sa sieť CDN pokúša opraviť, zvážte, či neexistujú ideálnejšie spôsoby na dosiahnutie týchto cieľov, napríklad vykonanie zmien v kóde témy, ktoré podporujú očakávané formátovanie HTML.

Riešenie problémov s odkazmi, ktoré presmerúvajú zákazníkov mimo ich vybraného trhu

Ak používate Shopify Markets s podpriečinkami a aplikáciu Geolocation, odkazy v opisoch produktov, blogových príspevkoch, na stránkach a v opisoch kolekcií môžu zákazníkov presmerovať na vašu primárnu doménu namiesto toho, aby ich udržali vo vybranom regióne.

Prečo sa to deje?

Editor formátovaného textu podporuje priame odkazy (úplné adresy URL) aj interné odkazy (krátke adresy URL). Ak použijete priamy odkaz, ktorý obsahuje úplnú adresu URL (napríklad https://yourstore.com/collections/summer), zákazníci sa presmerujú na danú konkrétnu adresu URL a ich vybraný trh sa bude ignorovať.

Ako to opraviť

Ak sa chcete uistiť, že vaše odkazy zohľadňujú región a udržia zákazníkov na ich vybranom trhu, použite namiesto úplných adries URL interné odkazy, ktoré sa začínajú lomkou /.

  • Priamy odkaz (nezohľadňuje región): https://yourstore.com/collections/summer
  • Interný odkaz (zohľadňuje región): /collections/summer

Ak chcete aktualizovať existujúce odkazy:

  1. V administrátorovi Shopify prejdite na produkt, kolekciu, stránku alebo blogový príspevok, kde chcete aktualizovať odkazy.
  2. V editore formátovaného textu kliknite na tlačidlo Upraviť kód, aby ste zobrazili kód HTML.
  3. Nájdite všetky odkazy, ktoré sa začínajú na https:// a obsahujú doménu vášho obchodu.
  4. Nahraďte úplnú adresu URL za formát krátkej adresy URL. Zmeňte napríklad https://yourstore.com/pages/about na /pages/about.
  5. Kliknite na Uložiť.

Ak potrebujete aktualizovať veľa produktov, kolekcií, blogov alebo stránok, môžete ich exportovať do súborov vo formáte CSV, vyhľadať svoju doménu alebo http, aby ste identifikovali priame odkazy, aktualizovať ich na interné odkazy a potom znova importovať aktualizované súbory vo formáte CSV do obchodu.