Pomoć
Prijavi se

Upotreba programa za uređivanje formatiranog teksta za sadržaj

Program za uređivanje formatiranog teksta na platformi Shopify možete upotrebljavati za formatiranje i stiliziranje sadržaja koji se prikazuje u vašoj internetskoj trgovini.

Na ovoj stranici

Gdje upotrebljavati program za uređivanje formatiranog teksta

Program za uređivanje formatiranog teksta možete upotrebljavati za dodavanje ili uređivanje teksta na nekoliko mjesta u trgovini:

Ako upotrebljavate kompatibilnu temu, možete dodati odjeljke formatiranog teksta na svoje stranice ili u predloške s pomoću Uređivača tema.

Dodavanje HTML sadržaja programom za uređivanje formatiranog teksta

U programu za uređivanje formatiranog teksta možete unositi HTML sadržaj za objave na blogu, stranice, opise proizvoda i opise kolekcija.

Kliknite gumb Uredi kod da biste pregledali HTML kod sadržaja unutar programa za uređivanje formatiranog teksta.

U HTML prikazu možete unijeti brojne izmjene u sadržaj u programu za uređivanje formatiranog teksta. HTML-om možete dodavati slike, videozapise ili tablice te otklanjati pogreške ili precizno prilagoditi izgled i stil sadržaja.

Ugradnja grafičkog elementa medijskog sadržaja

Ako želite ugraditi grafički element videozapisa ili glazbe, najprije ga morate postaviti na uslugu kao što je Youtube, Vimeo ili SoundCloud. Te usluge generiraju kod za ugradnju koji možete kopirati i zalijepiti u program za uređivanje formatiranog teksta u administratorskom alatu za Shopify.

Koraci:

  1. Pronađite kod za ugradnju za medijski sadržaj koji želite ugraditi.
  2. Odaberite cijeli kod za ugradnju tako što ćete ga kliknuti i pritisnuti tipke ctrl + A na PC-ju ili command + A na Macu.
  3. Kopirajte kod za ugradnju pritiskom na tipke ctrl + C na PC-ju ili command + C na Macu.
  4. U administratorskom alatu za Shopify kliknite gumb Prikaži HTML u programu za uređivanje formatiranog teksta za sadržaj koji uređujete.
  5. Zalijepite kod za ugradnju pritiskom na tipke ctrl + V na PC-ju ili command + V na Macu.
  6. Kliknite Spremi.

Formatiranje teksta u programu za uređivanje formatiranog teksta

Pomoću gumba Formatiranje možete brzo stvoriti odlomke, naslove ili navode u bloku. Upotreba odgovarajućeg formatiranja i razina naslova olakšava ljudima i tražilicama čitanje sadržaja na vašem web-mjestu.

Da biste odabrali format teksta, označite tekst, a zatim kliknite gumb Formatiranje.

Opcije oblikovanja

  • Odlomak

    Većina tekstualnog sadržaja na vašem mrežnom mjestu je tekst odlomka. Veličina fonta teksta odlomka obično iznosi 10 – 12 pt, ali neke teme upotrebljavaju drukčije veličine fonta.

  • Naslov (1 – 6)

    Naslovi se upotrebljavaju za strukturiranje sadržaja. Postoji 6 razina naslova. Naslov 1 je najvažnija razina, a Naslov 6 je najmanje važna.

  • Blok citat

    Blok citat upotrebljava se za prikaz tuđeg teksta, primjerice citata ili ulomka iz knjige ili s mrežnog mjesta.

Podebljani tekst

Kako biste podebljali tekst, označite ga i kliknite gumb Podebljano.

Tekst u kurzivu

Kako biste tekst stavili u kurziv, označite ga i kliknite gumb Kurziv.

Podcrtani tekst

Kako biste podcrtali tekst, označite ga i kliknite gumb Podcrtano.

Izrada popisa s grafičkim oznakama

Kako biste izradili popis s grafičkim oznakama, kliknite gumb Popis s grafičkim oznakama.

Unesite tekst kako biste izradili prvu stavku popisa s grafičkim oznakama. Za izradu novih stavki popisa pritisnite tipku enter ili return. Za završetak popisa dvaput pritisnite tipku enter ili return.

Izrada numeriranog popisa

Kako biste izradili numerirani popis, kliknite gumb Numerirani popis.

Unesite tekst kako biste izradili prvu stavku numeriranog popisa. Za izradu novih stavki popisa pritisnite tipku enter ili return. Za završetak popisa dvaput pritisnite tipku enter ili return.

Uvlačenje teksta

Uvlačenjem se odlomku dodaje margina s lijeve strane. Kako biste uvukli odlomak, kliknite gumb Uvuci.

Uklanjanje uvlake teksta

Poništavanjem uvlake iz odlomka se uklanjaju uvučene margine. Kako biste uklonili uvlaku odlomka, kliknite gumb Ukloni uvlaku.

Poravnanje teksta

Kako biste poravnali tekst, odaberite tekst, kliknite gumb Poravnanje i odaberite Poravnaj ulijevo, Poravnaj po sredini ili Poravnaj udesno.

Promjena boje teksta

  1. Označite tekst i kliknite gumb Boja.
  2. Kliknite boju ili unesite heksadecimalni kôd kako biste promijenili boju označenog teksta.

Promjena boje pozadine teksta

  1. Označite tekst i kliknite gumb Boja.
  2. Kliknite karticu Pozadina.
  3. Kliknite boju ili unesite heksadecimalni kôd kako biste promijenili boju pozadine označenog teksta.

Brisanje oblikovanja u programu za uređivanje formatiranog teksta

Kako biste uklonili oblikovanje s teksta ili slika, označite sadržaj i kliknite gumb Očisti oblikovanje.

Umetanje tablica pomoću programa za uređivanje formatiranog teksta

Tablice možete umetnuti u objave na blogu, stranice, opise proizvoda i opise kolekcija pomoću programa za uređivanje formatiranog teksta. U tablicu nakon izrade možete dodati tekst, slike, pa čak i videozapise.

Koraci:

  1. U programu za uređivanje formatiranog teksta kliknite gumb Umetni tablicu.
  2. Kliknite Umetni tablicu kako biste je umetnuli. Time se izrađuje tablica s jednim retkom i jednim stupcem.

Nakon izrade tablice ponovno kliknite gumb Umetni tablicu za izmjenu redaka i stupaca tablice:

  • Umetni redak iznad: postavite pokazivač u redak i kliknite ovaj gumb za umetanje novog retka iznad.
  • Umetni redak ispod: postavite pokazivač u redak i kliknite ovaj gumb za umetanje novog retka ispod.
  • Umetni stupac ispred: postavite pokazivač u stupac i kliknite ovaj gumb za umetanje novog stupca ispred tog stupca.
  • Umetni stupac iza: postavite pokazivač u stupac i kliknite ovaj gumb za umetanje novog stupca iza tog stupca.
  • Izbriši redak: postavite pokazivač u redak koji želite izbrisati i zatim kliknite ovaj gumb.
  • Izbriši stupac: postavite pokazivač u stupac koji želite izbrisati i zatim kliknite ovaj gumb.
  • Izbriši tablicu: postavite pokazivač bilo gdje u tablici i kliknite ovaj gumb za brisanje cijele tablice.

Umetanje poveznica pomoću programa za uređivanje formatiranog teksta

Poveznice (hiperveze) možete umetnuti u objave na blogu, stranice, opise proizvoda i opise kolekcija pomoću programa za uređivanje formatiranog teksta. Možete dodati poveznice koje korisnike usmjeravaju na stranice unutar vaše internetske trgovine Shopify i na druga mrežna mjesta. Možete dodati i poveznice koje otvaraju poruke e-pošte ili upućuju telefonske pozive kako bi vam se korisnici lakše obratili.

Koraci:

  1. Označite tekst ili sliku koju želite pretvoriti u poveznicu.
  2. Kliknite Umetni poveznicu.
  3. Unesite odredišni URL poveznice u polje Poveži s :
    • Za povezivanje s vanjskim mrežnim mjestom koje je izvan vaše trgovine Shopify unesite https:// nakon čega slijedi mrežna adresa, primjerice https://www.example.com.
    • Za povezivanje sa stranicom unutar vaše internetske trgovine Shopify unesite kratki URL, primjerice /collections/summer-collection.
    • Kako biste izradili poveznicu kojom se otvara poruka e-pošte, unesite mailto:, a zatim adresu e-pošte, primjerice mailto:example@example.com.
    • Kako biste izradili poveznicu koja upućuje telefonski poziv, unesite tel:, a zatim telefonski broj, primjerice tel:+0-123-456-7890.
  4. Unesite kratak opis poveznice u okvir Naslov poveznice.
  5. Odaberite način otvaranja poveznice u izborniku Otvori ovu poveznicu u :
    • istom prozoru: poveznica će se otvoriti u postojećoj kartici preglednika ili prozoru korisnika.
    • novom prozoru: poveznica će se otvoriti u novoj kartici ili prozoru preglednika.
  6. Kliknite Umetni poveznicu kako biste pretvorili označeni tekst u poveznicu.

Dodavanje unutarnjih i vanjskih poveznica pomoću programa za uređivanje formatiranog teksta

Poveznice na stranice unutar vaše trgovine Shopify nazivaju se internim poveznicama. Za izradu internih poveznica možete se koristiti kratkim URL-ovima. Na primjer, URL /collections vodit će na stranicu kolekcija u vašoj trgovini.

Da biste dodali poveznicu na određenu stranicu svoje internetske trgovine, kao što je stranica kolekcije ili proizvoda, upotrijebite format URL-a /page-type/page-handle. Na primjer, za dodavanje poveznice na kolekciju koju ste izradili i nazvali Ljetna kolekcija (Summer Collection), upotrijebite URL /collections/summer-collection.

Poveznice na mrežna mjesta izvan vaše trgovine Shopify nazivaju se vanjskim poveznicama. Vanjske je poveznice potrebno unijeti u cijelosti i moraju započinjati s http://.

Nakon što prenesete datoteku, možete je povezati sa sadržajem u programu za uređivanje formatiranog teksta kako biste omogućili njezino preuzimanje iz opisa proizvoda ili kolekcije, s internetske stranice ili iz objave na blogu.

Koraci:

Stolno računalo

  1. U administratorskom alatu za Shopify idite na Sadržaj > Datoteke.

  2. Kopirajte URL datoteke za koju želite dodati poveznicu.

  3. U administratorskom alatu za Shopify kliknite proizvod, kolekciju, internetsku stranicu ili objavu na blogu kojoj želite dodati datoteku.

  4. U programu za uređivanje formatiranog teksta unesite ili odaberite tekst poveznice.

  5. Odaberite tekst poveznice.

  6. Kliknite Umetni poveznicu

  7. U polje Poveži na zalijepite URL datoteke za koju želite dodati poveznicu.

  8. Kliknite Umetni poveznicu. U programu za uređivanje formatiranog teksta povezani tekst prikazuje se plavom bojom i podcrtan je.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. Na izborniku Sadržaj dodirnite ikonu arrow down, a zatim dodirnite Datoteke.

  3. Kopirajte URL datoteke za koju želite dodati poveznicu.

  4. U administratorskom alatu za Shopify dodirnite proizvod, kolekciju, internetsku stranicu ili objavu na blogu na koju želite dodati datoteku.

  5. U programu za uređivanje formatiranog teksta unesite ili odaberite tekst poveznice.

  6. Odaberite tekst poveznice.

  7. Dodirnite Umetni poveznicu

  8. U polje Poveži na zalijepite URL datoteke za koju želite dodati poveznicu.

  9. Dodirnite Umetni poveznicu. U programu za uređivanje formatiranog teksta povezani tekst prikazuje se plavom bojom i podcrtan je.

Umetanje slika pomoću programa za uređivanje formatiranog teksta

Postoje tri načina za umetanje slike pomoću programa za uređivanje formatiranog teksta. Možete:

Prijenos slika

Koraci:

  1. U programu za uređivanje formatiranog teksta kliknite gumb Umetni sliku.

  2. U dijaloškom okviru Umetni sliku kliknite karticu Prenesene slike.

  3. Kliknite Prenesi datoteku.

  4. Odaberite slikovnu datoteku u formatu WebP, HEIC, SVG, GIF, JPEG ili PNG sa svojeg računala.

  5. Kliknite sliku koju ste prenijeli da biste je odabrali.

  6. Na izborniku Veličina odaberite veličinu prikaza slike. Možete odabrati opciju Originalno da biste umetnuli sliku bez mijenjanja njezine veličine prikaza.

  7. Kliknite Umetni sliku da biste postavili sliku u program za uređivanje formatiranog teksta.

Odabir iz slika proizvoda

Koraci:

  1. U programu za uređivanje formatiranog teksta kliknite gumb Umetni sliku.

  2. U dijaloškom okviru Umetni sliku kliknite karticu Slike proizvoda.

  3. Kliknite sliku koju želite umetnuti. Ako ne možete pronaći medijski sadržaj proizvoda koji želite umetnuti, poslužite se gumbima sa strelicama za pregledavanje različitih stranica.

  4. Na izborniku Veličina odaberite veličinu prikaza slike. Možete odabrati opciju Originalno da biste umetnuli sliku bez mijenjanja njezine veličine prikaza.

  1. Kliknite Umetni sliku da biste postavili sliku proizvoda u program za uređivanje formatiranog teksta.

Upotreba URL-a slike

Da biste umetnuli sliku pomoću javnog URL-a:

  1. U programu za uređivanje formatiranog teksta kliknite gumb Umetni sliku.
  2. U dijaloškom okviru Umetni sliku kliknite karticu URL.
  3. Unesite javno dostupan URL svoje slikovne datoteke.
  4. Kliknite Umetni sliku da biste sliku umetnuli u program za uređivanje formatiranog teksta u originalnoj veličini.

Premještanje i promjena veličine slike u programu za uređivanje formatiranog teksta

Nakon što dodate sliku u opis proizvoda ili kolekcije, na internetsku stranicu ili na blog, možete je premjestiti na drugo mjesto u sadržaju.

Koraci:

  1. U administratorskom alatu za Shopify kliknite proizvod, kolekciju, internetsku stranicu ili objavu na blogu koja uključuje sliku koju želite premjestiti ili kojoj želite promijeniti veličinu.
  2. U programu za uređivanje formatiranog teksta kliknite sliku.
  3. Učinite jedno od sljedećeg:
    • Da biste premjestili sliku, kliknite je i povucite na drugu lokaciju u polju Sadržaj.
    • Da biste promijenili veličinu slike, kliknite i povucite jedan od kutova.
  4. Kliknite Spremi.

Uređivanje slike u programu za uređivanje formatiranog teksta

Unutar programa za uređivanje formatiranog teksta možete promijeniti veličinu, prelamanje teksta i poravnanje slike. Također možete urediti URL slike ili dodati odnosno urediti alt. tekst slike.

Koraci:

  1. Dvaput kliknite sliku u programu za uređivanje formatiranog teksta da biste otvorili dijaloški okvir Uredi sliku.
  2. Upotrijebite opcije veličine i poravnanja za uređivanje slike:
    • Da biste promijenili veličinu slike, odaberite opciju veličine.
    • Da biste poboljšali SEO i pristupačnost internetske trgovine, dodajte ili uredite alt. tekst slike.
    • Da biste dodali razmak, unesite željeni broj piksela sa svake strane.
    • Da biste promijenili poravnanje slike, odaberite jednu od ikona za lijevo poravnanje, centriranje ili desno poravnanje.
    • Da biste dodali omatanje teksta, označite opciju Prelomi tekst oko slike.
  3. Kliknite Uredi sliku da biste spremili promjene.

Umetanje videozapisa pomoću programa za uređivanje formatiranog teksta

Pomoću programa za uređivanje formatiranog teksta možete umetnuti ili ugraditi videozapise u objave na blogu, stranice te opise proizvoda i kolekcija.

Ako želite ugraditi videozapis koji ste izradili, prvo ga morate prenijeti na web-mjesto za streaming videozapisa kao što je YouTube ili Vimeo.

YouTube vam ne dopušta da isključite povezane videozapise, ali možete odrediti da oni moraju biti s istog kanala kao i prethodno reproducirani videozapis.

Koraci:

  1. Kopirajte URL videozapisa pritiskom na ctrl + C na PC-ju ili command + C na Macu.
  1. Posjetite Embed Responsively. Embed Responsively alat je koji će vam dati poboljšani kod za ugradnju videozapisa.
  1. U alatu Embed Responsively klikom odaberite web-mjesto na kojem se nalazi vaš videozapis.
  2. Zalijepite kopirani URL videozapisa u okvir Page URL u alatu Embed Responsively pritiskom na ctrl + V na PC-ju ili command + V na Macu.
  3. Kliknite Embed. Embed Responsively izradit će kod za ugradnju.
  4. Ako je videozapis s YouTubea, a želite prikazati samo povezane videozapise s istog YouTube kanala, pronađite URL videozapisa u kodu za ugradnju. Kopirajte i zalijepite ?rel=0 na kraj, unutar navodnika.
  5. Kopirajte sav kod unutar okvira Embed code.
  6. U administratorskom alatu za Shopify kliknite gumb Umetni videozapis u programu za uređivanje formatiranog teksta.
  7. Zalijepite kod za ugradnju u odgovarajuće polje u dijaloškom okviru Umetni videozapis.
  8. Kliknite Umetni videozapis.
  9. Kad završite, kliknite Spremi da biste spremili promjene u stavci koju ste uređivali.

Umetanje audiodatoteka pomoću programa za uređivanje formatiranog teksta

Pomoću programa za uređivanje formatiranog teksta možete umetnuti ili ugraditi audiodatoteke u objave na blogu, stranice te opise proizvoda i kolekcija.

Koraci:

  1. U administratorskom alatu za Shopify idite na Sadržaj > Datoteke.

  2. Kliknite Prenesi datoteke da biste prenijeli audiodatoteku koju želite umetnuti ili ugraditi u trgovinu.

  3. U odjeljku Internetska trgovina otvorite program za uređivanje formatiranog teksta za stranicu ili objavu na blogu na koju želite dodati audiodatoteku.

  4. Kopirajte <div id="player"><audio controls="controls"> te zatim zalijepite kod u program za uređivanje formatiranog teksta da biste ugradili audioreproduktor na svoju stranicu.

  5. Kopirajte sljedeći kod:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Zalijepite ovaj kod u program za uređivanje formatiranog teksta nakon koda za audioreproduktor, a zatim zamijenite https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 URL-om koji ste generirali za svoju audiodatoteku pri prijenosu na platformu Shopify. URL audiodatoteke uvijek možete pronaći na stranici Datoteke.
  2. Kliknite Spremi.
  3. Kliknite Prikaži da biste provjerili reproducira li se audiodatoteka ispravno.

Dodavanje i uklanjanje internih komentara u programu za uređivanje formatiranog teksta

Možete upotrebljavati oznake za komentar <!-- i --> za interni tekst koji ne želite objaviti u trgovini.

Koraci:

  1. U programu za uređivanje formatiranog teksta kliknite gumb Prikaži HTML.
  2. Da biste dodali interni komentar, tekst koji želite sakriti stavite unutar <!-- i -->. Na primjer: <!--vaštekst-->.
  3. Kliknite Spremi.

HTML oznake unutar oznaka za komentar spremaju se kao interni tekst. Da bi te HTML oznake ispravno funkcionirale, potrebno je ukloniti oznake za komentar <!-- i --> koje ih okružuju.

Kako funkcionira program za uređivanje formatiranog teksta

Program za uređivanje formatiranog teksta integriran je s uslugom TinyMCE, mrežom za isporuku sadržaja (CDN) treće strane. Ova integracija sa sobom nosi nekoliko važnih posljedica:

  • Ograničenje sadržaja: Postoji strogo ograničenje od 64 KB za sadržaj koji se unosi u program za uređivanje formatiranog teksta. To se odnosi na Stranice, Objave na blogu i dodatne skripte.
  • Saniranje HTML-a: TinyMCE sadrži logiku za filtriranje sadržaja koja automatski korigira oblikovanje HTML-a kako bi se spriječili kvarovi u internetskoj trgovini i sigurnosni rizici. Iako HTML možete ručno vratiti u izvorni oblik, preporučuje se da prihvatite te automatske promjene da biste spriječili potencijalne probleme.

Rješavanje problema u programu za uređivanje formatiranog teksta

Ako imate problema s programom za uređivanje formatiranog teksta, pregledajte sljedeće korake za rješavanje problema i najčešće poteškoće.

Rješavanje problema s oblikovanjem

Problemi s oblikovanjem kopiranog sadržaja

Tekst uvijek nasljeđuje oblikovanje programa za uređivanje ili internetske stranice s koje potječe. Ako pišete sadržaj u programu Microsoft Word i zatim ga kopirate i zalijepite u program za uređivanje formatiranog teksta, on će zadržati istu boju, veličinu, uvlaku i razmak, uključujući <div> oznake.

Kad god je moguće, uređujte i oblikujte sadržaj izravno u programu za uređivanje formatiranog teksta.

Za složenije izglede stranica razmislite o upotrebi aplikacija za izradu stranica, kao što je Shogun Drag & Drop Page Builder.

Utvrđivanje problema s oblikovanjem

Najčešći uzrok problema u programu za uređivanje formatiranog teksta jesu ugrađeni stilovi ili oblikovanje koji se prenose pri kopiranju i lijepljenju sadržaja iz drugog izvora.

To se može manifestirati na različite načine, ali obično je riječ o tome kada postoji neslaganje između onoga što se prikazuje u administratorskom alatu za Shopify i onoga što se prikazuje u vašoj aktivnoj trgovini. To uključuje neažuriranje informacija ili drukčiji prikaz stilova.

Rješavanje problema s oblikovanjem

Postoje dva načina za testiranje uzrokuju li problem poteškoće s formatiranjem: upotrebom gumba Izbriši formatiranje ili propuštanjem sadržaja programa za uređivanje formatiranog teksta kroz alat za uklanjanje HTML-a.

Za testiranje izradite duplikat proizvoda ili stranice na kojoj je prisutan problem, a zatim na duplikatu provedite jedno od sljedećih testiranja.

Test 1: Izbriši formatiranje

  1. Označite sav sadržaj u programu za uređivanje formatiranog teksta.
  2. Kliknite na gumb Izbriši formatiranje.
  3. Kliknite na Spremi i testirajte.

Test 2: Alat za uklanjanje HTML-a

  1. Kopirajte sav sadržaj iz programa za uređivanje formatiranog teksta.
  2. Zalijepite ga u alat za uklanjanje HTML-a, kao što je striphtml.com.
  3. Kopirajte sav sadržaj bez HTML-a.
  4. Zalijepite ga natrag u program za uređivanje formatiranog teksta zamjenjujući izvorni sadržaj.
  5. Kliknite na Spremi i testirajte.

Ako ijedan od ovih koraka riješi problem, onda on proizlazi iz formatiranja koje je preneseno kada je sadržaj izvorno dodan u program za uređivanje formatiranog teksta. Iste metode možete upotrijebiti za popravak izvornog sadržaja.

Otklanjanje poteškoća s neporavnatim kodom slike

Ako imate problema s ispravnim poravnavanjem teksta pored slike pri upotrebi opcije omatanja, možda ćete trebati premjestiti kod tako da se oznaka slike prikazuje na početku odlomka, a ne u sredini.

  1. U programu za uređivanje formatiranog teksta kliknite na gumb Uredi kod.
  2. Pronađite kod slike i pomaknite cijelu oznaku <img> na vrh odlomka, izvan oznaka odlomka <p>.
  3. Uklonite sve oznake <span> u sljedećim odlomcima ispod slike.
  4. Kliknite na Spremi.

Primjer neporavnatog koda slike:

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

Ispravljeni kod:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Otklanjanje poteškoća s poveznicama na mailto koje ne rade

Ako poveznice na mailto: ne rade (učitavaju se na praznoj stranici ili ne otvaraju poštu), provjerite prati li poveznica ovu strukturu:

mailto:email@example.com

Ako se podudara s gornjim formatom, a i dalje ne radi u skladu s očekivanjima, moguće je da je to problem s postavkama preglednika ili klijenta e-pošte. Provjerite postavke preglednika i klijenta e-pošte da biste provjerili jesu li konfigurirani za ispravno rukovanje poveznicama na mailto:.

Otklanjanje poteškoća sa slikama stranica koje se nakon promjene veličine vraćaju na izvornu veličinu

Kada se slike umetnu na stranicu, generirani HTML uključuje i parametar src i parametar data-mce-src. Ako se ta dva parametra ne podudaraju, s vremenom se ažurira src kako bi se podudarao s data-mce-src.

Međutim, kada promijenite veličinu slike uz pomoć programa za uređivanje formatiranog teksta, ažurira se samo src te data-mce-src ostaje kao URL izvorne veličine. Nakon još nekoliko klikova src se vraća na URL data-mce-src.

Kako biste to izbjegli, ručno ažurirajte URL data-mce-src kako bi odgovarao željenoj veličini slike:

  1. U programu za uređivanje formatiranog teksta kliknite na gumb Uredi kod.
  2. Pronađite oznaku slike kojoj ste promijenili veličinu.
  3. Pronađite i src i data-mce-src parametre.
  4. Ažurirajte URL data-mce-src kako bi se podudarao s URL-om src.
  5. Kliknite na Spremi.
Otklanjanje poteškoća s automatskim promjenama HTML-a (sanitizacija)

Mogli biste primijetiti da se pri unosu promjena u program za uređivanje formatiranog teksta automatski mijenja odgovarajući HTML.

Zašto se ovo događa?

Program za uređivanje formatiranog teksta na platformi Shopify integriran je s aplikacijom TinyMCE, mrežom za isporuku sadržaja (CDN) treće strane. Ta mreža pruža opsežan i pouzdan niz logičkih rješenja za filtriranje sadržaja kojima se automatski ispravlja formatiranje HTML linija koje mogu neispravno funkcionirati u internetskoj trgovini ili ju izložiti sigurnosnim rizicima. Taj postupak naziva se sanitizacijom HTML-a.

Što trebam učiniti?

Iako je zaobilaženje logike filtriranja sadržaja moguće ručnim vraćanjem HTML-a na prethodno stanje, preporučuje se pridržavanje automatiziranih izmjena. Te su automatske ispravke očekivano ponašanje te služe važnoj svrsi sprječavanja promjena u internetskoj trgovini koje bi mogle dovesti do problema.

Ako specifične ciljeve pokušavate postići pisanjem HTML-a koji CDN pokušava ispraviti, razmotrite postoje li idealniji načini za postizanje tih ciljeva, primjerice izmjene koda teme koje podržavaju očekivano formatiranje HTML-a.

Otklanjanje poteškoća s poveznicama koje usmjeravaju korisnike izvan odabranog tržišta

Ako se koristite rješenjem Shopify Markets s podmapama i aplikacijom Geolocation, poveznice u opisima proizvoda, objavama na blogu, stranicama i opisima kolekcija mogu korisnike preusmjeriti na primarnu domenu umjesto zadržavanja u odabranoj regiji.

Zašto se ovo događa?

Program za uređivanje formatiranog teksta podržava i izravne (puni URL-ovi) i interne poveznice (kratki URL-ovi). Ako se koristite izravnom poveznicom koja uključuje puni URL (na primjer, https://yourstore.com/collections/summer), korisnici se preusmjeravaju na taj specifičan URL uz zanemarivanje odabranog tržišta.

Kako to popraviti

Kako biste osigurali da vaše poveznice uzimaju u obzir regiju i zadržavaju korisnike na odabranom tržištu, koristite se internim poveznicama koje započinju s / umjesto punim URL-ovima.

  • Izravna poveznica (ne prepoznaje regiju): https://yourstore.com/collections/summer
  • Interna poveznica (prepoznaje regiju): /collections/summer

Ažuriranje postojećih poveznica:

  1. U administratorskom alatu za Shopify idite na proizvod, kolekciju, stranicu ili objavu na blogu na kojima želite ažurirati poveznice.
  2. U programu za uređivanje formatiranog teksta kliknite na gumb Uredi kod za pregled HTML-a.
  3. Pronađite sve poveznice koje počinju s https:// i uključuju domenu vaše trgovine.
  4. Zamijenite puni URL s formatom kratkog URL-a. Na primjer, promijenite https://yourstore.com/pages/about u /pages/about.
  5. Kliknite na Spremi.

Ako morate ažurirati puno proizvoda, kolekcija, blogova ili stranica, tada ih možete izvesti u CSV datoteke, pretražiti domenu ili http radi pronalaska izravnih poveznica, ažurirati ih u interne poveznice i zatim uvesti ažurirane CSV datoteke natrag u trgovinu.