Gaiaren kodea editatzea

Kode-editorearen bidez, gaiaren kodea edita dezakezu zure sareko dendan aldaketa zehatzak egiteko. Gai bat osatzen duten fitxategi gehienek Shopify-ren txantiloien lengoaia den Liquid dute barnean. Gaiaren fitxategiek HTML, CSS, JSON eta JavaScript ere badituzte. Editatu gaiaren kodea soilik HTML edo CSS ezagutzen badituzu eta Liquiden oinarrizko ulermena baduzu.

Gaiaren kodea soilik erosi ondoren edita dezakezu. Horren barruan sartzen da gai-editoreko AAzko kode-sortzailea erabiltzea ere. Ordainpeko gai baten probaldi-bertsioa erabiltzen ari bazara, erosi egin behar duzu kodean aldaketak egin ahal izateko.

Kode-editoreak zure gaiaren fitxategien direktorio bat bistaratzen du, bai eta fitxategiak bistaratu eta editatzeko espazio bat ere. Direktorioan fitxategi batean klik egiten duzunean, kode-editorean irekitzen da. Hainbat fitxategi aldi berean ireki eta edita ditzakezu. Fitxategi anitz aldi berean ireki eta berrikus ditzakezu ere bai.

Gaiaren kode-editorearen diseinua

Editatu gaiaren kodea

Kode-editorea erabil dezakezu gaiaren fitxategiak aldatzeko.

Urratsak:

Mahaigaina
  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

Mugikorra
  1. Shopify aplikazioan, sakatu Menua ikonoa.

  2. Salmenta-kanalak atalean, sakatu Sareko denda.

  3. Sakatu Kudeatu gaiak.

  4. Sakatu Menu horizontala > Editatu kodea.

Aldaketak gordetzea

Fitxategi bat editatzean, puntu bat bistaratzen da fitxaren izenaren ondoan, gorde gabeko aldaketak daudela adierazteko. Klikatu Gorde botoia aldaketak gordetzeko. Aldaketak gordetzeko, Mac-en ⌘ + S eta Windows-en Ctrl + S ere saka dezakezu.

Kode-editorearen zati bat, gorde botoiaren ondoan gorde gabeko fitxategi bat erakusten duena

Gaiaren kodeari formatua ematea

Kodearen koskak konpontzeko, ireki Aginduen paleta (Mac-en ⌘ + Shift + P edo Windows-en Ctrl + Shift + P erabiliz), idatzi format eta, ondoren, hautatu Eman formatua dokumentuari.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Ireki formatua eman nahi diozun fitxategia.

  4. Sakatu ⌘ + P Mac batean edo Ctrl + P Windows-en.

  5. Aginduen paletan, idatzi format eta, ondoren, sakatu teklatuko Enter tekla.

  6. Gorde fitxategia.

Aginduen paleta, kodearen formatua emateko aukera hautatuta duela

Fitxategien aldaketen jarraipena egitea

Aldatutako gai-fitxategi bat aurreko bertsio batera leheneratzeko, erabili fitxategi horren Kronologia ikuspegia.

Kronologia ikuspegiak lehendik dagoen fitxategi bakarra leheneratzen du aldi bakoitzean. Ez du gai oso bat leheneratzen, eta ezin ditu ezabatutako gai-fitxategiak berreskuratu. Kronologiaren historia mugatua da; beraz, baliteke bertsio zaharragoak erabilgarri ez egotea.

Leheneratzeak fitxategiaren eduki osoa ordezten du, mantendu nahi dituzun aldaketak barne. Fitxategi bat leheneratu aurretik, kopiatu uneko fitxategiaren edukia leku seguru batean, aldaketaren bat mantendu nahi baduzu.

Bertsioen kontrola gai-editorean

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Ireki berrikusi edo leheneratu nahi duzun fitxategia.

  4. Aukerakoa: Uneko aldaketaren bat mantendu nahi baduzu, kopiatu uneko fitxategiaren edukia leku seguru batean leheneratu aurretik.

  5. Kronologia ikuspegian, egin klik kronologiako sarrera batean desberdintasunak alderatzeko.

  6. Fitxategiaren eduki osoa hautatutako aurreko bertsioarekin ordezkatzeko, egin eskuin-klik kronologiako sarreran eta hautatu Leheneratu edukiak.

  7. Klikatu Leheneratu.

Theme Check

Kode-editoreak Theme Check tresna du. Funtzio horrek erroreak prebenitzen laguntzen du, kodea idazten den heinean berehalako oharrak emanez; horrela, ez dituzu erroreak aktibo dagoen gaian aurkituko.

Kode-editorean, Theme Check tresnak honako errore hauek identifika ditzake editatutako kodean:

  • Analizatzailea blokeatzen duten scriptak, erakusleiho bat moteldu dezaketenak
  • Inkoherentziak itzulpen-fitxategien artean; adibidez, eskualdeko ezarpenen fitxategi batean itzulpen-gakoak falta direnean edo itzulpenak bat ez datozenean
  • Falta diren txantiloiak

Erroreak kodearen azpian marra gorri baten bidez adierazten dira. Errorea ikusteko, pasatu sagua nabarmendutako marraren gainetik.

Kode-editorean bilatzea eta ordezkatzea

Kode-editorean bilatzeko, bi modu hauetako bat erabil dezakezu:

  • Fitxategi jakin baten kodean bilatzea.
  • Gaiaren fitxategi guztien kodean bilatzea.

Horrez gain, kodea ordezkatu dezakezu fitxategi jakin batean edo agerraldi ugaritan gai-fitxategi guztietan. Fitxategi bat izenaren arabera ere bila dezakezu, fitxategi bat irekitzeko.

Fitxategi baten barruan bilatzea

Fitxategi jakin batean kodea bila dezakezu, eta kodea ordezkatu. Erabili gezi-teklak kodearen agerraldi bakoitza berrikusteko.

Bilaketaren erabiltzaile-interfazea kode-editoreko fitxategi baten barruan

Kodea bilatu ondoren, fitxategi bateko kodea ordezkatu dezakezu.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Ireki bilaketa egin nahi duzun fitxategia.

  4. Sakatu ⌘ + F Mac batean edo Ctrl + F Windows-en.

  5. Bilatu eremuan, idatzi bilaketa-terminoa.

  6. Aukerakoa: Kodea ordezkatzeko, egin ekintza hauek:

  • Bilaketako leiho modalean, egin klik Eskuineko gezia ikonoan.
  • Ordeztu eremuan, idatzi ordezko kodea. Mantendu maiuskulak eta minuskulak aukeran klik egin dezakezu ordezko kodearen maiuskulak eta minuskulak lehendik dagoen agerraldiarekin bat etor daitezen.
  • Egin klik Ordeztu ikonoan agerraldi bat aldi bakoitzean ordezkatzeko, edo egin klik Ordeztu guztiak ikonoan agerraldi guztiak aldi berean ordezkatzeko.

Fitxategi guztietan bilatzea

Egin klik ezkerreko alboko barrako bilaketa-botoian gai-fitxategi guztietan bilatzeko. Emaitzek bilaketa-terminoaren agerraldi bakoitza eta zein fitxategitan agertzen den erakusten dute.

Bilaketaren alboko panela kode-editorean

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Bilaketa-panela irekitzeko, egin klik Bilatu ikonoan.

  4. Bilatu eremuan, idatzi bilaketa-terminoa.

  5. Aukerakoa: Kodea ordezkatzeko, egin ekintza hauek:

  • Bilaketako leiho modalean, egin klik Eskuineko gezia ikonoan.
  • Ordeztu eremuan, idatzi ordezko kodea.
  • Ordezkatu agerraldi bat aldi bakoitzean, edo agerraldi guztiak aldi berean.

Bilaketa aurreratuaren aukerak

Bilaketa-emaitzak mugatzeko, erabili bilaketa-aukera hauetako bat edo gehiago:

  • Maiuskulak/minuskulak bereizi aukerak maiuskularekin/minuskularekin bat datozen bilaketa-terminoak itzultzen ditu. Adibidez, product sartzen baduzu, bilaketak "product" edo "Product" kasu guztiak nabarmenduko ditu. Maiuskulak/minuskulak bereizi hautatzen baduzu, bilaketak product kasuak soilik nabarmenduko ditu.
  • Hitz osoa bereizi aukerak hitz zehatzarekin bat datozen bilaketa-terminoak itzultzen ditu, eta bat-etortze partzialak baztertzen ditu. Adibidez, cart sartzen baduzu, bilaketak "cart" kasuak nabarmenduko ditu, baina ez "carton".
  • Erabili adierazpen erregularra aukerak adierazpen erregular (regex) batekin bat datozen bilaketa-emaitzak itzultzen ditu. Regex edo adierazpen erregular bat testu bateko bat-etortze eredu bat zehazten duen karaktere-katea da.

Bilatu panelean, bilaketa-emaitzetan sartu edo baztertu nahi dituzun fitxategiak eta karpetak ere hauta ditzakezu.

Egin klik Horizontal menu ikonoan menu aurreratua irekitzeko. Edozein fitxategi- edo karpeta-bide sar dezakezu files to include (sartu beharreko fitxategiak) edo files to exclude (baztertu beharreko fitxategiak) eremuetan. Fitxategi edo karpeta bat baino gehiago gehitzeko, bereizi zuriune batekin eta koma batekin. Adibidez, sections karpetan fitxategiak bilatzeko, sartu ./sections files to include eremuan.

Karpeta jakin baten barruan ere bila dezakezu fitxategi-direktorioaren ikuspegitik. Egin eskuin-klik karpeta batean eta, ondoren, hautatu Find in folder... goitibeherako menuan.

Gai-fitxategiak kudeatzea

Zure gai-kodean fitxategiak kudea ditzakezu. Fitxategiak ezaba, berriak gehi eta haiei izena alda diezaiekezu. Horrez gain, aurreko bertsio bat erabilgarri dagoenean, aldatutako kode-fitxategiak lehenera ditzakezu Kronologia ikuspegitik. Aktiboen fitxategiek, hala nola assets karpetako irudiek, CSSk, JavaScript-ek eta letra-tipoek, ez dute kronologiaren historiarik.

Gai-fitxategi bat irekitzea

Gai-fitxategi bat irekitzeko, egin klik karpeta batean eta, ondoren, egin klik fitxategiaren izenean esploratzailean. Era berean, fitxategiak izenaren edo luzapenaren arabera bila ditzakezu fitxategia irekitzeko.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Sakatu ⌘ + P Mac batean edo Ctrl + P Windows-en.

  4. Sartu fitxategiaren izena bilaketa-barran eta hautatu fitxategia, edo hautatu Duela gutxi irekita zerrendako fitxategi bat.

Gai-fitxategi berri bat gehitzea

Fitxategi bat gehitzeko, hautatu karpeta bat, egin klik Fitxategi berria ikonoan eta, ondoren, sartu fitxategiaren izena eta fitxategi-luzapena.

Fitxategien izenek A-Z bitarteko eta 0-9 bitarteko karaktereak izan ditzakete, eta ezin dute zuriunerik izan. Bereizi hitzak marra edota azpimarra bidez. Fitxategi-luzapena puntu batekin (.) eta luzapen motarekin definitzen da. Adibidez, .liquid edo .css.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Egin klik fitxategi berria gehitu nahi diozun karpetan.

  4. Egin eskuin-klik karpetaren izenean eta hautatu Fitxategi berria... goitibeherako menuan.

  5. Sartu izen berri bat fitxategiarentzat.

  6. Sakatu Enter teklatuan.

Aktibo berri bat kargatzea

Aktibo berri bat karga dezakezu, hala nola ikono bat edo irudi-fitxategi bat, kode-editoreko assets karpetan.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Egin eskuin-klik assets karpetan.

  4. Egin klik Kargatu... aukeran.

  5. Hautatu kargatu nahi duzun fitxategia.

  6. Egin klik Ireki aukeran.

Gai-fitxategi bati izena aldatzea

Egin eskuin-klik fitxategi batean izena aldatzeko. Ziurtatu fitxategi-luzapena ez duzula editatzen edo kentzen. Fitxategi-luzapena puntu batekin (.) eta luzapen motarekin definitzen da. Adibidez, .liquid edo .css. Fitxategien izenek A-Z bitarteko eta 0-9 bitarteko karaktereak izan ditzakete, eta ezin dute zuriunerik izan. Bereizi hitzak marra edota azpimarra bidez. Fitxategi-izena baliozkoa ez bada, ez da gordeko fitxategi-izen berria.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Egin eskuin-klik fitxategi batean eta hautatu Aldatu izena... goitibeherako menuan.

  4. Sartu izen berri bat fitxategiarentzat.

  5. Sakatu Enter teklatuan.

Gai-fitxategi bat ezabatzea

Gaiko edozein fitxategi ezaba dezakezu. Ezabatutako gai-fitxategiak ezin dira berreskuratu.

Urratsak:

  1. Shopify-ko administratzailetik, joan Sareko denda atalera.

  2. Klikatu Menu horizontala > Editatu kodea.

  3. Egin eskuin-klik fitxategi batean eta hautatu Ezabatu betiko goitibeherako menuan.

  4. Egin klik Ezabatu aukeran.