Súgó
Bejelentkezés

A formázottszöveg-szerkesztő használata tartalmakhoz

A Shopify formázottszöveg-szerkesztőjével formázhatja és stilizálhatja az online áruházában megjelenő tartalmat.

Ezen az oldalon

Hol használható a formázottszöveg-szerkesztő

A formázottszöveg-szerkesztővel több helyen is hozzáadhat vagy szerkeszthet szöveget az üzletében:

Ha kompatibilis témát használ, akkor a Témaszerkesztővel formázott szöveges szakaszokat adhat hozzá oldalaihoz vagy sablonjaihoz.

HTML-tartalom hozzáadása a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztővel HTML-tartalmat adhat meg blogbejegyzéseihez, oldalaihoz, termékleírásaihoz és kollekcióleírásaihoz.

Kattintson a Kód szerkesztése gombra a formázottszöveg-szerkesztőben lévő tartalom HTML-kódjának megtekintéséhez.

A HTML-nézetben számos módosítást végezhet a formázottszöveg-szerkesztő tartalmán. HTML használatával hozzáadhat képeket, videókat vagy táblázatokat, valamint hibakeresést végezhet, vagy finomhangolhatja az elrendezést és a tartalom stílusát.

Médiawidget beágyazása

Ha videó- vagy zenelejátszó widgetet szeretne beágyazni, először egy olyan szolgáltatónál kell tárolnia, mint a Youtube, a Vimeo vagy a SoundCloud. Ezek a szolgáltatások létrehoznak egy beágyazott kódot, amelyet másolás után beilleszthet a Shopify adminisztrációs felületének formázottszöveg-szerkesztőjébe.

Lépések:

  1. Keresse meg a beágyazni kívánt médiaelem beágyazó kódját.
  2. Jelölje ki a teljes beágyazott kódot a rákattintással, majd a ctrl + A (PC esetén) vagy a command + A (Mac esetén) billentyűkombináció lenyomásával.
  3. Másolja ki a beágyazott kódot a ctrl + C (PC esetén) vagy a command + C (Mac esetén) billentyűkombináció lenyomásával.
  4. A Shopify adminisztrációs felületén kattintson a HTML megjelenítése gombra a szerkesztett tartalom formázottszöveg-szerkesztőjében.
  5. Illessze be a beágyazott kódot a ctrl + V (PC esetén) vagy a command + V (Mac esetén) billentyűkombináció lenyomásával.
  6. Kattintson a Mentés gombra.

Szöveg formázása a formázottszöveg-szerkesztővel

A Formázás gombbal gyorsan hozhat létre bekezdéseket, címsorokat vagy idézetblokkokat. A megfelelő formázás és címsorszintek használata segíti az embereket és a keresőmotorokat weboldala tartalmának olvasásában.

A szöveg formátumának kiválasztásához jelölje ki a szöveget, majd kattintson a Formázás gombra.

Formázási lehetőségek

  • Bekezdés

    Weboldala szöveges tartalmának nagy része bekezdésszöveg. A bekezdésszöveg betűmérete általában 10–12 pt, de egyes témák eltérő betűméretet használnak.

  • Címsor (1–6)

    A címsorok a tartalom strukturálására szolgálnak. 6 címsorszint létezik. A Címsor 1 a legfontosabb, a Címsor 6 pedig a legkevésbé fontos szint.

  • Idézetblokk

    Az idézetblokk valaki másnak tulajdonított szöveg megjelenítésére szolgál, például egy idézet vagy egy könyvből, illetve weboldalról származó részlet esetében.

Félkövér szöveg

A szöveg félkövérré tételéhez jelölje ki a szöveget, majd kattintson a Félkövér gombra.

Dőlt szöveg

A szöveg dőltté tételéhez jelölje ki a szöveget, majd kattintson a Dőlt gombra.

Aláhúzott szöveg

A szöveg aláhúzásához jelölje ki a szöveget, majd kattintson az Aláhúzás gombra.

Listajeles lista létrehozása

Felsorolásjeles lista létrehozásához kattintson a „Felsorolásjeles lista” gombra.

Begépelheti az első felsorolásjeles listaelemet. Új listaelemek létrehozásához nyomja le az enter vagy a return billentyűt. A lista befejezéséhez nyomja le kétszer az enter vagy a return billentyűt.

Számozott lista létrehozása

Számozott lista létrehozásához kattintson a „Számozott lista” gombra.

Begépelheti az első számozott listaelemet. Új listaelemek létrehozásához nyomja le az enter vagy a return billentyűt. A lista befejezéséhez nyomja le kétszer az enter vagy a return billentyűt.

Szöveg behúzása

Egy bekezdés behúzása margót hoz létre a bal oldalán. Egy bekezdés behúzásához kattintson a „Behúzás” gombra.

Szöveg kihúzása

A bekezdés kihúzása eltávolítja a meglévő behúzott margóit. Egy bekezdés kihúzásához kattintson a „Kihúzás” gombra.

Szöveg igazítása

Szöveg igazításához jelölje ki a szöveget, kattintson az „Igazítás” gombra, majd válassza a „Balra igazítás”, a „Középre igazítás” vagy a „Jobbra igazítás” lehetőséget.

Szövegszín módosítása

  1. Jelölje ki a szöveget, és kattintson a „Szín” gombra.
  2. Kattintson egy színre, vagy adjon meg egy hexadecimális kódot, hogy a kijelölt szöveget az adott színűre változtassa.

Szöveg háttérszínének módosítása

  1. Jelölje ki a szöveget, és kattintson a „Szín” gombra.
  2. Kattintson a „Háttér” fülre.
  3. Kattintson egy színre, vagy adjon meg egy hexadecimális kódot, hogy a kijelölt szöveg hátterét az adott színre változtassa.

Formázás törlése a formázottszöveg-szerkesztőben

Szöveg vagy képek formázásának eltávolításához jelölje ki a tartalmat, majd kattintson a „Formázás törlése” gombra.

Táblázatok beszúrása a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztővel táblázatokat szúrhat be a blogbejegyzésekbe, oldalakra, termékleírásokba és kollekcióleírásokba. A létrehozása után szöveget, képeket vagy akár videókat is elhelyezhet a táblázatban.

Lépések:

  1. A formázottszöveg-szerkesztőben kattintson a „Táblázat beszúrása” gombra.
  2. Táblázat beszúrásához kattintson a „Táblázat beszúrása” lehetőségre. Ez egy egy sorból és egy oszlopból álló táblázatot hoz létre.

Miután létrehozott egy táblázatot, kattintson ismét a „Táblázat beszúrása” gombra a táblázat sorainak és oszlopainak módosításához:

  • Sor beszúrása felülre: Helyezze a kurzort egy sorba, majd kattintson erre a gombra, hogy fölé szúrjon be egy új sort.
  • Sor beszúrása alulra: Helyezze a kurzort egy sorba, majd kattintson erre a gombra, hogy alá szúrjon be egy új sort.
  • Oszlop beszúrása elé: Helyezze a kurzort egy oszlopba, majd kattintson erre a gombra, hogy elé szúrjon be egy új oszlopot.
  • Oszlop beszúrása utána: Helyezze a kurzort egy oszlopba, majd kattintson erre a gombra, hogy utána szúrjon be egy új oszlopot.
  • Sor törlése: Helyezze a kurzort a törölni kívánt sorba, majd kattintson erre a gombra.
  • Oszlop törlése: Helyezze a kurzort a törölni kívánt oszlopba, majd kattintson erre a gombra.
  • Táblázat törlése: Helyezze a kurzort bárhová a táblázatban, majd kattintson erre a gombra a teljes táblázat törléséhez.

Linkek beszúrása a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztővel linkeket (hiperhivatkozásokat) szúrhat be blogbejegyzésekbe, oldalakra, termékleírásokba és kollekcióleírásokba. Hozzáadhat linkeket, amelyek a vásárlókat a Shopify online áruházán belüli oldalakra vagy más weboldalakra irányítják. Olyan linkeket is hozzáadhat, amelyek e-mail-üzeneteket nyitnak meg vagy telefonhívásokat kezdeményeznek, hogy segítsen a vásárlóknak kapcsolatba lépni Önnel.

Lépések:

  1. Jelölje ki a szöveget vagy képet, amelyből linket szeretne készíteni.
  2. Kattintson a „Link beszúrása” lehetőségre.
  3. Adja meg a link cél URL-jét a „Hivatkozás erre” mezőben:
    • A Shopify-üzletén kívüli külső weboldalra való hivatkozáshoz írja be a https:// előtagot, majd a webcímet, például: https://www.example.com.
    • A Shopify online áruházán belüli oldalra való hivatkozáshoz adja meg a rövid URL-t, például: /collections/summer-collection.
    • Olyan link létrehozásához, amely e-mail-üzenetet nyit meg, írja be a mailto: előtagot, majd az e-mail címet, például: mailto:example@example.com.
    • Olyan link létrehozásához, amely telefonhívást kezdeményez, írja be a tel: előtagot, majd a telefonszámot, például: tel:+0-123-456-7890.
  4. Adjon meg egy rövid leírást a linkről a Link címe mezőbe.
  5. Válassza ki a link megnyitásának módját a „Link megnyitása itt” menü segítségével:
    • ugyanabban az ablakban: A link a felhasználó meglévő böngészőlapján vagy -ablakában nyílik meg.
    • új ablakban: A link új böngészőlapon vagy -ablakban nyílik meg.
  6. Kattintson a „Link beszúrása” lehetőségre, hogy a kijelölt szöveget linkké alakítsa.

Belső és külső linkek hozzáadása a formázottszöveg-szerkesztővel

A Shopify-üzletén belüli oldalakra mutató linkeket belső linkeknek nevezzük. Belső linkek létrehozásához használhat rövid URL-eket. Például a /collections URL az üzlete kollekcióoldalára mutat.

Az online áruházának egy adott oldalára, például egy kollekció- vagy termékoldalra történő hivatkozáshoz használja az /oldaltípus/oldal-azonosító URL-formátumot. Például egy „Nyári kollekció” nevű, Ön által létrehozott kollekcióra való hivatkozáshoz használja a /collections/summer-collection URL-t.

A Shopify-üzletén kívüli weboldalakra mutató linkeket külső linkeknek nevezzük. A külső linkeket teljes egészében kell megadni, és http:// előtaggal kell kezdődniük.

Miután feltöltött egy fájlt, belinkelheti a formázottszöveg-szerkesztő tartalmába, hogy letölthetővé tegye egy termék- vagy kollekcióleírásból, weblapról vagy blogbejegyzésből.

Lépések:

Asztali gép

  1. A Shopify adminisztrációs felületén lépjen a Tartalom > Fájlok menüpontba.

  2. Másolja le a hivatkozni kívánt fájl URL-jét.

  3. A Shopify adminisztrációs felületén kattintson arra a termékre, kollekcióra, weblapra vagy blogbejegyzésre, amelyhez hozzá szeretné adni a fájlt.

  4. A formázottszöveg-szerkesztőben adja meg vagy válassza ki a hivatkozás szövegét.

  5. Jelölje ki a hivatkozás szövegét.

  6. Kattintson a Hivatkozás beszúrása gombra

  7. A Hivatkozás erre mezőbe illessze be a hivatkozni kívánt fájl URL-jét.

  8. Kattintson a Hivatkozás beszúrása gombra. A formázottszöveg-szerkesztőben a hivatkozott szöveg kéken és aláhúzva jelenik meg.

Mobil

  1. A Shopify alkalmazásban koppintson a Menu ikonra.

  2. A Tartalom menüben koppintson a(z) lefelé mutató nyíl ikonra, majd koppintson a Fájlok lehetőségre.

  3. Másolja le a hivatkozni kívánt fájl URL-jét.

  4. A Shopify adminisztrációs felületén koppintson arra a termékre, kollekcióra, weblapra vagy blogbejegyzésre, amelyhez hozzá szeretné adni a fájlt.

  5. A formázottszöveg-szerkesztőben adja meg vagy válassza ki a hivatkozás szövegét.

  6. Jelölje ki a hivatkozás szövegét.

  7. Koppintson a Hivatkozás beszúrása gombra

  8. A Hivatkozás erre mezőbe illessze be a hivatkozni kívánt fájl URL-jét.

  9. Koppintson a Hivatkozás beszúrása gombra. A formázottszöveg-szerkesztőben a hivatkozott szöveg kéken és aláhúzva jelenik meg.

Képek beszúrása a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztő használatával háromféleképpen szúrhat be képet:

Képek feltöltése

Lépések:

  1. A formázottszöveg-szerkesztőben kattintson a Kép beszúrása gombra.

  2. A Kép beszúrása párbeszédpanelen kattintson a Feltöltött képek fülre.

  3. Kattintson a Fájl feltöltése gombra.

  4. Válasszon ki egy WebP, HEIC, SVG, GIF, JPEG vagy PNG képfájlt a számítógépéről.

  5. Kattintson a feltöltött képre a kiválasztásához.

  6. A Méret menüből válassza ki a kép megjelenítési méretét. Választhatja az Eredeti lehetőséget is, hogy a képet a megjelenítési méretének megváltoztatása nélkül szúrja be.

  7. Kattintson a Kép beszúrása gombra a kép formázottszöveg-szerkesztőbe való beillesztéséhez.

Választás a termékképek közül

Lépések:

  1. A formázottszöveg-szerkesztőben kattintson a Kép beszúrása gombra.

  2. A Kép beszúrása párbeszédpanelen kattintson a Termékképek fülre.

  3. Kattintson a beilleszteni kívánt képre. Ha nem találja a beilleszteni kívánt termék médiaelemet, akkor a nyílgombokkal lapozhat a különböző oldalak között.

  4. A Méret menüből válassza ki a kép megjelenítési méretét. Választhatja az Eredeti lehetőséget is, hogy a képet a megjelenítési méretének megváltoztatása nélkül szúrja be.

  1. Kattintson a Kép beszúrása gombra a termékkép formázottszöveg-szerkesztőbe való beillesztéséhez.

Kép URL használata

Kép beszúrása nyilvános URL használatával:

  1. A formázottszöveg-szerkesztőben kattintson a Kép beszúrása gombra.
  2. A Kép beszúrása párbeszédpanelen kattintson az URL fülre.
  3. Adja meg a képfájl nyilvánosan elérhető URL-jét.
  4. Kattintson a Kép beszúrása gombra, hogy a képet az eredeti méretében illessze be a formázottszöveg-szerkesztőbe.

Kép áthelyezése és átméretezése a formázottszöveg-szerkesztőben

Miután hozzáadott egy képet egy termék- vagy kollekcióleíráshoz, weblaphoz vagy bloghoz, áthelyezheti azt a tartalom egy másik helyére.

Lépések:

  1. A Shopify adminisztrációs felületén kattintson arra a termékre, kollekcióra, weblapra vagy blogbejegyzésre, amely tartalmazza az áthelyezni vagy átméretezni kívánt képet.
  2. A formázottszöveg-szerkesztőben kattintson a képre.
  3. Tegye a következők egyikét:
    • A kép áthelyezéséhez kattintson rá, és húzza a Tartalom mező egy másik helyére.
    • A kép átméretezéséhez kattintson az egyik sarkára, és húzza azt.
  4. Kattintson a Mentés gombra.

Kép szerkesztése a formázottszöveg-szerkesztőben

A formázottszöveg-szerkesztőben módosíthatja a kép méretét, szöveg körüli tördelését és igazítását. Szerkesztheti a kép URL-jét, illetve hozzáadhat vagy szerkeszthet képleíró helyettesítő szöveget is.

Lépések:

  1. Kattintson duplán a képre a formázottszöveg-szerkesztőben a Kép szerkesztése párbeszédpanel megnyitásához.
  2. A kép szerkesztéséhez használja a méret- és igazítási lehetőségeket:
    • A kép méretének megváltoztatásához válasszon egy méretezési lehetőséget.
    • A webáruház keresőoptimalizálásának és akadálymentességének javítása érdekében adjon hozzá vagy szerkesszen képleíró helyettesítő szöveget.
    • Térköz hozzáadásához adja meg, hogy hány pixelnyi helyet szeretne az egyes oldalakon.
    • A kép igazításának módosításához válasszon a balra, középre vagy jobbra igazítást jelölő ikonok közül.
    • Szöveg körbefuttatásához jelölje be a Szöveg körbefuttatása a kép körül lehetőséget.
  3. Kattintson a Kép szerkesztése gombra a módosítások mentéséhez.

Videók beszúrása a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztővel videókat szúrhat be vagy ágyazhat be blogbejegyzésekbe, oldalakba, termékleírásokba és kollekcióleírásokba.

Ha egy Ön által készített videót szeretne beágyazni, először fel kell töltenie azt egy videostreaming-oldalra, például a YouTube-ra vagy a Vimeo-ra.

A YouTube nem teszi lehetővé a kapcsolódó videók letiltását, de megadhatja, hogy a kapcsolódó videók ugyanarról a csatornáról származzanak, mint az éppen lejátszott videó.

Lépések:

  1. Másolja le a videó URL-jét a ctrl + C billentyűkombinációval PC-n, vagy a command + C billentyűkombinációval Mac-en.
  1. Látogasson el az Embed Responsively oldalra. Az Embed Responsively egy olyan eszköz, amely egy továbbfejlesztett beágyazott kódot ad a videójához.
  1. Az Embed Responsively oldalon válassza ki azt a videós weboldalt, ahol a videója található.
  2. Illessze be a kimásolt videó URL-jét az Embed Responsively Page URL mezőjébe a PC-n a ctrl + V, Macen pedig a command + V billentyűkombináció lenyomásával.
  3. Kattintson az Embed gombra. Az Embed Responsively létrehozza Önnek a beágyazott kódot.
  4. Ha a videó a YouTube-ról származik, és csak az ugyanarról a YouTube-csatornáról származó kapcsolódó videókat szeretné megjeleníteni, akkor keresse meg a videó URL-jét a beágyazott kódban. Másolja ki és illessze be a ?rel=0 kódrészletet a végére, az idézőjeleken belülre.
  5. Másolja ki a teljes kódot az Embed code mezőből.
  6. A Shopify adminisztrációs felületén kattintson a formázottszöveg-szerkesztőben a Videó beillesztése gombra.
  7. Illessze be a beágyazott kódot a Videó beillesztése párbeszédpanelen lévő mezőbe.
  8. Kattintson a Videó beillesztése gombra.
  9. Ha végzett, kattintson a Mentés gombra a szerkesztett tételen végzett módosítások mentéséhez.

Hangfájlok beillesztése a formázottszöveg-szerkesztővel

A formázottszöveg-szerkesztő segítségével hangfájlokat illeszthet be vagy ágyazhat be blogbejegyzésekbe, oldalakra, termékleírásokba és kollekcióleírásokba.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Tartalom > Fájlok menüpontba.

  2. Kattintson a Fájlok feltöltése gombra az üzletébe beilleszteni vagy beágyazni kívánt hangfájl feltöltéséhez.

  3. A Webáruház szakaszból nyissa meg annak az oldalnak vagy blogbejegyzésnek a formázottszöveg-szerkesztőjét, ahol a hangfájlt meg szeretné jeleníteni.

  4. Másolja ki a <div id="player"><audio controls="controls"> kódot, majd illessze be a formázottszöveg-szerkesztőbe, hogy beágyazzon egy hanglejátszót az oldalára.

  5. Másolja ki a következő kódot:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Illessze be ezt a kódot a formázottszöveg-szerkesztőbe a hanglejátszó kódja után, majd cserélje ki a(z) https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 címet a hangfájlhoz létrehozott URL-re, amelyet a Shopifyba való feltöltéskor kapott. A hangfájl URL-jét bármikor megtalálja a Fájlok oldalon.
  2. Kattintson a Mentés gombra.
  3. Kattintson a Megtekintés gombra, hogy megbizonyosodjon róla, a hangfájl megfelelően lejátszható.

Belső megjegyzések hozzáadása vagy eltávolítása a formázottszöveg-szerkesztőben

Használhatja a <!-- és --> megjegyzéscímkéket olyan belső szövegekhez, amelyeket nem szeretne közzétenni az üzletében.

Lépések:

  1. A formázottszöveg-szerkesztőben kattintson a HTML megjelenítése gombra.
  2. Belső megjegyzés hozzáadásához tegye az elrejteni kívánt szöveget a <!-- és --> jelek közé. Például: <!--yourtext-->.
  3. Kattintson a Mentés gombra.

A megjegyzéscímkék közé zárt HTML-címkék belső szövegként kerülnek mentésre. Ahhoz, hogy ezek a HTML-címkék megfelelően működjenek, el kell távolítania a körülöttük lévő <!-- és --> megjegyzéscímkéket.

Tudnivalók a formázottszöveg-szerkesztőről

A formázottszöveg-szerkesztő integrálva van a TinyMCE-vel, egy harmadik féltől származó tartalomszolgáltató hálózattal (CDN). Ennek az integrációnak van néhány fontos következménye:

  • Tartalmi korlát: A formázottszöveg-szerkesztőbe bevitt tartalomra szigorú, 64 KB-os korlát vonatkozik. Ez az Oldalakra, a Blogbejegyzésekre és a további szkriptekre is érvényes.
  • HTML-tisztítás: A TinyMCE tartalomszűrő logikát biztosít, amely automatikusan javítja a HTML-formázást, hogy megelőzze a kirakat működési hibáit és a biztonsági kockázatokat. Bár manuálisan visszaállíthatja a HTML-t az eredeti formájára, a lehetséges problémák megelőzése érdekében javasolt elfogadni ezeket az automatikus módosításokat.

A formázottszöveg-szerkesztő hibaelhárítása

Ha problémákat tapasztal a formázottszöveg-szerkesztővel, tekintse át a következő hibaelhárítási lépéseket és a gyakori problémákat.

Formázási problémák hibaelhárítása

Formázási problémák másolt tartalommal

A szöveg mindig örökli annak a szerkesztőnek vagy weblapnak a formázását, ahonnan származik. Ha Microsoft Wordben ír tartalmat, majd átmásolja és beilleszti a formázottszöveg-szerkesztőbe, akkor az megőrzi ugyanazt a színt, méretet, behúzást és térközt, beleértve a <div> címkéket is.

Amikor csak lehetséges, a tartalmat közvetlenül a formázottszöveg-szerkesztőben szerkessze és formázza.

Bonyolultabb oldalelrendezésekhez fontolja meg olyan oldalkészítő alkalmazások használatát, mint a Shogun Drag & Drop Page Builder.

Formázási problémák azonosítása

A formázottszöveg-szerkesztőben fellépő problémák leggyakoribb oka a beágyazott stílus vagy formázás, amely egy másik forrásból történő másolás és beillesztés során kerül át.

Ez többféleképpen is megnyilvánulhat, de jellemzően ez a hiba oka, ha bármilyen eltérés van a Shopify adminisztrációs felületén és az élő üzletben megjelenő tartalom között. Ide tartozik az információk frissítésének hiánya vagy a stílus eltérő megjelenítése.

Formázási problémák hibaelhárítása

Kétféleképpen tesztelheti, hogy formázási problémák okozzák-e a gondot: a Formázás törlése gomb használatával, vagy a formázottszöveg-szerkesztő tartalmának egy HTML-tisztítón való átfuttatásával.

A teszteléshez hozzon létre egy másolatot arról a termékről vagy oldalról, ahol a probléma jelentkezik, majd végezze el a következő tesztek valamelyikét a másolaton.

1. teszt: Formázás törlése

  1. Jelölje ki a formázottszöveg-szerkesztő teljes tartalmát.
  2. Kattintson a Formázás törlése gombra.
  3. Kattintson a Mentés gombra, és tesztelje.

2. teszt: HTML-tisztító

  1. Másolja ki a formázottszöveg-szerkesztő teljes tartalmát.
  2. Illessze be egy HTML-tisztítóba, például a striphtml.com webhelyre.
  3. Másolja ki a teljes megtisztított tartalmat.
  4. Illessze vissza a formázottszöveg-szerkesztőbe, felülírva az eredeti tartalmat.
  5. Kattintson a Mentés gombra, és tesztelje.

Ha ezen lépések bármelyike megoldja a problémát, akkor a hiba abból a formázásból ered, amely az eredeti tartalom formázottszöveg-szerkesztőbe való beillesztésekor került át. Ugyanezekkel a módszerekkel javíthatja az eredeti tartalmat is.

A helytelenül igazított képkód hibaelhárítása

Ha a sortörés opció használatakor nehézséget okoz a szöveg megfelelő igazítása a kép mellett, akkor előfordulhat, hogy át kell helyeznie a kódot úgy, hogy a kép címkéje a bekezdés elejére, ne pedig a közepére kerüljön.

  1. Kattintson a formázottszöveg-szerkesztőben a „Kód szerkesztése” gombra.
  2. Keresse meg a képkódot, és helyezze át a teljes <img> címkét a bekezdés tetejére, a <p> bekezdéscímkéken kívülre.
  3. Távolítsa el az összes <span> címkét a kép alatti következő bekezdésekből.
  4. Kattintson a Mentés gombra.

Példa a helytelenül igazított képkódra:

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

Javított kód:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
A nem működő mailto-hivatkozások hibaelhárítása

Ha a mailto: hivatkozások nem működnek (üres oldal töltődik be, vagy nem nyílik meg a levelezőprogram), akkor ellenőrizze, hogy a hivatkozás a következő struktúrát követi-e:

mailto:email@example.com

Ha megfelel a fenti formátumnak, és mégsem működik az elvártaknak megfelelően, akkor lehetséges, hogy a böngésző vagy az e-mail-kliens beállításaival van a probléma. Ellenőrizze a böngésző és az e-mail-kliens beállításait, hogy megbizonyosodjon arról, hogy a mailto: hivatkozások helyes kezelésére vannak-e beállítva.

Az átméretezés után az eredeti méretükre visszaálló oldalképek hibaelhárítása

Amikor képeket szúr be egy oldalra, a generált HTML tartalmaz egy src és egy data-mce-src paramétert is. Ha ez a kettő nem egyezik, akkor a src végül frissül, hogy megegyezzen a data-mce-src értékével.

Azonban, amikor a formázottszöveg-szerkesztővel átméretez egy képet, csak a src frissül, a data-mce-src pedig az eredeti méretű URL marad. Néhány további kattintás után a src visszaáll a data-mce-src URL-re.

Ennek elkerülése érdekében manuálisan frissítse a data-mce-src URL-t, hogy az megfeleljen a kívánt képméretnek:

  1. Kattintson a formázottszöveg-szerkesztőben a „Kód szerkesztése” gombra.
  2. Keresse meg az átméretezett képcímkét.
  3. Keresse meg a src és a data-mce-src paramétert is.
  4. Frissítse a data-mce-src URL-t, hogy megegyezzen a src URL-lel.
  5. Kattintson a Mentés gombra.
Az automatikus HTML-változások (tisztítás) hibaelhárítása

Észrevehette, hogy amikor módosításokat végez a formázottszöveg-szerkesztőben, a megfelelő HTML automatikusan megváltozik.

Miért történik ez?

A Shopify formázottszöveg-szerkesztője a TinyMCE-be, egy harmadik féltől származó tartalomkézbesítési hálózatba (CDN) van integrálva. Ez a CDN egy kiterjedt és megbízható tartalomszűrési logikát biztosít, amely automatikusan javítja azon HTML-sorok formázását, amelyek hibásan működhetnek a kirakatban, vagy biztonsági kockázatoknak tehetik ki azt. Ezt a folyamatot HTML-tisztításnak nevezik.

Mi a teendőm?

Bár megkerülheti a tartalomszűrési logikát a HTML manuális visszaállításával a korábbi állapotába, javasoljuk, hogy tartsa be az automatizált változtatásokat. Ezek az automatikus javítások elvárt működésnek minősülnek, és azt a fontos célt szolgálják, hogy megakadályozzák a kirakat olyan módosításait, amelyek problémákhoz vezethetnek.

Ha olyan HTML írásával próbál konkrét célokat elérni, amelyet a CDN megpróbál kijavítani, akkor fontolja meg, hogy vannak-e ideálisabb módok e célok elérésére, például a téma kódjának olyan módosítása, amely támogatja az elvárt HTML-formázást.

A vásárlókat a kiválasztott piacukról/régiójukról elirányító hivatkozások hibaelhárítása

Ha a Shopify Markets funkciót almappákkal és a Geolocation alkalmazással használja, akkor a termékleírásokban, blogbejegyzésekben, oldalakon és kollekcióleírásokban található hivatkozások átirányíthatják a vásárlókat az elsődleges tartományára ahelyett, hogy a kiválasztott régiójukban tartanák őket.

Miért történik ez?

A formázottszöveg-szerkesztő támogatja a közvetlen (teljes URL-címet tartalmazó) és a belső (rövid URL-címet tartalmazó) hivatkozásokat is. Ha olyan közvetlen hivatkozást használ, amely a teljes URL-címet tartalmazza (például https://yourstore.com/collections/summer), akkor a vásárlók erre a konkrét URL-címre lesznek irányítva, figyelmen kívül hagyva a kiválasztott piacukat/régiójukat.

Hogyan javítható

Annak érdekében, hogy a hivatkozásai régiófüggőek legyenek, és a vásárlókat a kiválasztott piacukon/régiójukon tartsák, használjon a teljes URL-címek helyett belső hivatkozásokat, amelyek a / jellel kezdődnek.

  • Közvetlen hivatkozás (nem régiófüggő): https://yourstore.com/collections/summer
  • Belső hivatkozás (régiófüggő): /collections/summer

A meglévő hivatkozások frissítése:

  1. A Shopify adminisztrációs felületén navigáljon ahhoz a termékhez, kollekcióhoz, oldalhoz vagy blogbejegyzéshez, ahol frissíteni szeretné a hivatkozásokat.
  2. A formázottszöveg-szerkesztőben kattintson a Kód szerkesztése gombra a HTML megtekintéséhez.
  3. Keresse meg azokat a hivatkozásokat, amelyek https:// karakterekkel kezdődnek, és tartalmazzák az üzlete doménjét.
  4. Cserélje le a teljes URL-címet a rövid URL formátumra. Például módosítsa a https://yourstore.com/pages/about címet a /pages/about címre.
  5. Kattintson a Mentés gombra.

Ha sok frissítendő terméke, kollekciója, blogja vagy oldala van, akkor exportálhatja őket CSV-fájlokba, rákereshet a doménjére vagy a http szövegre a közvetlen hivatkozások azonosításához, frissítheti őket belső hivatkozásokra, majd importálhatja a frissített CSV-fájlokat vissza az üzletébe.