{"id":32418,"date":"2025-10-21T13:01:49","date_gmt":"2025-10-21T10:01:49","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/shopify-meta-alanlari-urun-sayfalarini-gelistirme-rehberi\/"},"modified":"2025-10-21T13:01:49","modified_gmt":"2025-10-21T10:01:49","slug":"shopify-meta-alanlari-urun-sayfalarini-gelistirme-rehberi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/shopify-meta-alanlari-urun-sayfalarini-gelistirme-rehberi\/","title":{"rendered":"Shopify Meta Alanlar\u0131: \u00dcr\u00fcn Sayfalar\u0131n\u0131 Geli\u015ftirme Rehberi"},"content":{"rendered":"

<\/p>\n

Shopify ma\u011fazan\u0131zdaki \u00fcr\u00fcn sayfalar\u0131, bazen hayal etti\u011finiz kadar esnek olmayabilir. \u00dcr\u00fcnlerinize \u00f6zel, standart \u015fablonlara s\u0131\u011fmayan bilgiler eklemek istedi\u011finizde ne yapars\u0131n\u0131z? \u0130\u015fte tam da bu noktada, Shopify meta alanlar\u0131 (metafields) devreye giriyor ve \u00fcr\u00fcn sayfalar\u0131n\u0131za adeta bir s\u00fcper g\u00fc\u00e7 kat\u0131yor. Bu detayl\u0131 rehberde, meta alanlar\u0131n\u0131n ne oldu\u011funu, nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ve \u00fcr\u00fcn sayfalar\u0131n\u0131z\u0131 nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrece\u011fini ad\u0131m ad\u0131m ke\u015ffedeceksiniz. Haz\u0131rsan\u0131z, Shopify ma\u011fazan\u0131z\u0131 bir sonraki seviyeye ta\u015f\u0131yal\u0131m!<\/p>\n

Dijital ticaretin h\u0131zla b\u00fcy\u00fcd\u00fc\u011f\u00fc g\u00fcn\u00fcm\u00fczde, standart \u00fcr\u00fcn a\u00e7\u0131klamalar\u0131 ve g\u00f6rsellerle rekabet etmek her ge\u00e7en g\u00fcn zorla\u015f\u0131yor. M\u00fc\u015fterileriniz art\u0131k daha fazla bilgi, daha zengin i\u00e7erik ve ki\u015fiselle\u015ftirilmi\u015f bir deneyim ar\u0131yor. \u0130\u015fte bu beklentileri kar\u015f\u0131laman\u0131n en etkili yollar\u0131ndan biri, Shopify’\u0131n sundu\u011fu meta alanlar\u0131d\u0131r. Peki, bu “meta alanlar” tam olarak nedir ve i\u015fletmeniz i\u00e7in neden bu kadar hayati bir role sahiptir?<\/p>\n

Basit\u00e7e ifade etmek gerekirse, meta alanlar\u0131, Shopify’\u0131n varsay\u0131lan veri alanlar\u0131na (\u00fcr\u00fcn ad\u0131, fiyat, a\u00e7\u0131klama gibi) ek olarak kendi \u00f6zel verilerinizi tan\u0131mlaman\u0131za olanak tan\u0131yan esnek alanlard\u0131r. Shopify’\u0131n her \u00fcr\u00fcn i\u00e7in sundu\u011fu varsay\u0131lan bilgi kutucuklar\u0131 s\u0131n\u0131rl\u0131d\u0131r ve her zaman ihtiyac\u0131n\u0131z olan t\u00fcm bilgileri i\u00e7ermez. \u00d6rne\u011fin, bir giyim ma\u011fazan\u0131z varsa, bir ti\u015f\u00f6rt\u00fcn kuma\u015f t\u00fcr\u00fc, y\u0131kama talimatlar\u0131 veya beden tablosu gibi ek bilgilerini standart “a\u00e7\u0131klama” kutucu\u011funa s\u0131k\u0131\u015ft\u0131rmak, hem g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc azalt\u0131r hem de y\u00f6netimi zorla\u015ft\u0131r\u0131r. \u0130\u015fte bu ek ve \u00f6zel verileri saklamak, organize etmek ve \u00fcr\u00fcn sayfalar\u0131n\u0131zda g\u00f6stermek i\u00e7in meta alanlar\u0131n\u0131 kullan\u0131r\u0131z.<\/p>\n

Bu \u00f6zel veri alanlar\u0131, yaln\u0131zca \u00fcr\u00fcnlerle s\u0131n\u0131rl\u0131 de\u011fildir; sipari\u015fler, m\u00fc\u015fteriler, blog yaz\u0131lar\u0131 ve hatta ma\u011fazan\u0131z\u0131n kendisi gibi bir\u00e7ok farkl\u0131 Shopify kayna\u011f\u0131na da eklenebilir. Her bir meta alan\u0131na bir “ad” (\u00f6rne\u011fin, “kuma\u015f_t\u00fcr\u00fc”), bir “de\u011fer” (\u00f6rne\u011fin, “organik pamuk”) ve bir “t\u00fcr” (\u00f6rne\u011fin, “tek sat\u0131r metin”) atars\u0131n\u0131z. Bu yap\u0131 sayesinde, verilerinizi daha d\u00fczenli bir \u015fekilde depolayabilir ve daha sonra ma\u011faza teman\u0131zda istedi\u011finiz gibi \u00e7a\u011f\u0131r\u0131p g\u00f6sterebilirsiniz.<\/p>\n

Peki, meta alanlar\u0131 neden bu kadar kritik \u00f6nem ta\u015f\u0131r? \u0130lk olarak, ki\u015fiselle\u015ftirme<\/b> ve zenginle\u015ftirilmi\u015f i\u00e7erik<\/b> sunma kabiliyeti sayesinde m\u00fc\u015fteri deneyimini do\u011frudan iyile\u015ftirirler. M\u00fc\u015fterileriniz, arad\u0131klar\u0131 bilgilere daha kolay ula\u015fabildi\u011finde, sat\u0131n alma karar\u0131 verme olas\u0131l\u0131klar\u0131 artar. \u00d6rne\u011fin, bir elektronik \u00fcr\u00fcn\u00fc satan bir ma\u011faza, \u00fcr\u00fcn\u00fcn pil \u00f6mr\u00fc, garanti s\u00fcresi veya uyumluluk listesi gibi spesifik teknik detaylar\u0131 meta alanlar\u0131 arac\u0131l\u0131\u011f\u0131yla net bir \u015fekilde sunabilir. Bu, g\u00fcven olu\u015fturur ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131r\u0131r.<\/p>\n

\u0130kincisi, SEO performans\u0131n\u0131z\u0131<\/b> \u00f6nemli \u00f6l\u00e7\u00fcde g\u00fc\u00e7lendirebilirler. \u00d6zel verileri yap\u0131land\u0131r\u0131lm\u0131\u015f bir \u015fekilde sunarak arama motorlar\u0131n\u0131n sitenizi daha iyi anlamas\u0131na yard\u0131mc\u0131 olursunuz. \u00d6rne\u011fin, “\u00fcr\u00fcn rengi” veya “malzeme” gibi anahtar kelimelerle zenginle\u015ftirilmi\u015f meta alanlar\u0131, potansiyel m\u00fc\u015fterilerin arama sorgular\u0131na daha iyi e\u015fle\u015fen sonu\u00e7lar sunabilir. Ayr\u0131ca, \u00fcr\u00fcnleriniz i\u00e7in schema markup (yap\u0131land\u0131r\u0131lm\u0131\u015f veri i\u015faretlemesi) eklemek i\u00e7in meta alanlar\u0131n\u0131 kullanabilir, bu da arama sonu\u00e7lar\u0131nda daha \u00e7ekici g\u00f6sterimler (rich snippets) elde etmenizi sa\u011flar.<\/p>\n

\u00dc\u00e7\u00fcnc\u00fcs\u00fc, operasyonel verimlilik<\/b> sa\u011flarlar. Meta alanlar\u0131 sayesinde, \u00fcr\u00fcn verilerinizi merkezi bir yerde y\u00f6netebilir ve birden fazla \u00fcr\u00fcn sayfas\u0131nda ayn\u0131 t\u00fcrde bilgileri tutarl\u0131 bir \u015fekilde g\u00f6sterebilirsiniz. Bu, manuel veri giri\u015f hatalar\u0131n\u0131 azalt\u0131r ve b\u00fcy\u00fck \u00fcr\u00fcn kataloglar\u0131n\u0131 y\u00f6netmeyi \u00e7ok daha kolay hale getirir. \u00d6rne\u011fin, belirli bir \u00fcr\u00fcn grubuna ait t\u00fcm \u00fcr\u00fcnlerin “bak\u0131m talimatlar\u0131”n\u0131 tek bir meta alan tan\u0131m\u0131yla y\u00f6netebilir ve gerekti\u011finde kolayca g\u00fcncelleyebilirsiniz. Bu, hem zamandan tasarruf etmenizi sa\u011flar hem de ma\u011faza genelinde tutarl\u0131l\u0131\u011f\u0131 garantiler.<\/p>\n

Son olarak, \u00f6l\u00e7eklenebilirlik<\/b> sunarlar. \u0130\u015fletmeniz b\u00fcy\u00fcd\u00fck\u00e7e ve \u00fcr\u00fcn yelpazeniz geni\u015fledik\u00e7e, standart Shopify alanlar\u0131 yetersiz kalabilir. Meta alanlar\u0131, s\u0131n\u0131rs\u0131z say\u0131da \u00f6zel veri alan\u0131 eklemenize olanak tan\u0131yarak, ma\u011fazan\u0131z\u0131n gelecekteki ihtiya\u00e7lar\u0131na uyum sa\u011flamas\u0131na yard\u0131mc\u0131 olur. Bu, ma\u011fazan\u0131z\u0131n benzersiz \u00f6zelliklerini ve marka hikayesini yans\u0131tan esnek bir yap\u0131 kurman\u0131z\u0131 sa\u011flar. Bu nedenlerle, Shopify meta alanlar\u0131n\u0131 anlamak ve etkili bir \u015fekilde kullanmak, modern e-ticaret d\u00fcnyas\u0131nda ba\u015far\u0131ya ula\u015fmak i\u00e7in vazge\u00e7ilmez bir stratejidir.<\/p>\n

Shopify’da Meta Alanlar\u0131 Nas\u0131l Olu\u015fturulur ve Y\u00f6netilir?<\/h2>\n

Meta alanlar\u0131n\u0131n g\u00fcc\u00fcn\u00fc anlad\u0131\u011f\u0131m\u0131za g\u00f6re, \u015fimdi s\u0131ra geldi bu g\u00fc\u00e7l\u00fc ara\u00e7lar\u0131 Shopify ma\u011fazan\u0131zda nas\u0131l hayata ge\u00e7irece\u011finize. Shopify, meta alanlar\u0131n\u0131 y\u00f6netmek i\u00e7in kullan\u0131c\u0131 dostu bir aray\u00fcze sahiptir ve bu s\u00fcre\u00e7 hi\u00e7 de korkutucu de\u011fildir. Ad\u0131m ad\u0131m ilerleyerek kendi \u00f6zel veri alanlar\u0131n\u0131z\u0131 nas\u0131l tan\u0131mlayaca\u011f\u0131n\u0131z\u0131 ve y\u00f6netece\u011finizi \u00f6\u011freneceksiniz.<\/p>\n

\u0130lk olarak, Shopify y\u00f6neticinize (admin panel) giri\u015f yapman\u0131z gerekiyor. Sol taraftaki men\u00fcde, “Ayarlar” (Settings) se\u00e7ene\u011fini bulun ve t\u0131klay\u0131n. Ayarlar sayfas\u0131nda, “\u00d6zel Veriler” (Custom data) ba\u015fl\u0131\u011f\u0131n\u0131 g\u00f6receksiniz. Buras\u0131, t\u00fcm meta alan tan\u0131mlar\u0131n\u0131z\u0131 olu\u015fturaca\u011f\u0131n\u0131z ve y\u00f6netece\u011finiz merkezi noktad\u0131r.<\/p>\n

Ad\u0131m 1: Meta Alan Tan\u0131m\u0131 Olu\u015fturma<\/h3>\n
    \n
  1. “\u00d6zel Veriler” sayfas\u0131na ula\u015ft\u0131ktan sonra, hangi kayna\u011fa meta alan\u0131 eklemek istedi\u011finizi se\u00e7meniz gerekir. Bu rehberde \u00fcr\u00fcn sayfalar\u0131na odakland\u0131\u011f\u0131m\u0131z i\u00e7in, “\u00dcr\u00fcnler” (Products) se\u00e7ene\u011fini t\u0131klay\u0131n.<\/li>\n
  2. Kar\u015f\u0131n\u0131za gelen ekranda, daha \u00f6nce olu\u015fturulmu\u015f meta alan tan\u0131mlar\u0131n\u0131 g\u00f6rebilir veya yeni bir tane eklemek i\u00e7in “Tan\u0131m Ekle” (Add definition) butonuna t\u0131klayabilirsiniz.<\/li>\n
  3. Yeni bir tan\u0131m eklerken, a\u015fa\u011f\u0131daki bilgileri doldurman\u0131z gerekecektir:\n
      \n
    • Ad (Name):<\/strong> Bu, y\u00f6neticinizde meta alan\u0131n\u0131 tan\u0131mak i\u00e7in kullanaca\u011f\u0131n\u0131z etikettir (\u00f6rne\u011fin, “Kuma\u015f T\u00fcr\u00fc” veya “Y\u0131kama Talimatlar\u0131”).<\/li>\n
    • Ad Alan\u0131 ve Anahtar (Namespace and key):<\/strong> Bu, Liquid kodunuzda meta alan\u0131na eri\u015fmek i\u00e7in kullanaca\u011f\u0131n\u0131z benzersiz tan\u0131mlay\u0131c\u0131d\u0131r (\u00f6rne\u011fin, my_fields.fabric_type<\/code>). Shopify genellikle girdi\u011finiz ada g\u00f6re otomatik olarak bir anahtar olu\u015fturur, ancak dilerseniz d\u00fczenleyebilirsiniz. Genellikle custom.<\/code> veya products.<\/code> gibi bir \u00f6nek kullan\u0131l\u0131r. \u00d6rne\u011fin, custom.malzeme_tipi<\/code> gibi.<\/li>\n
    • A\u00e7\u0131klama (Description):<\/strong> Bu alan iste\u011fe ba\u011fl\u0131d\u0131r, ancak \u00f6zellikle birden fazla ki\u015finin ma\u011fazay\u0131 y\u00f6netti\u011fi durumlarda, meta alan\u0131n\u0131n ne i\u00e7in kullan\u0131ld\u0131\u011f\u0131n\u0131 a\u00e7\u0131klamak faydal\u0131 olabilir.<\/li>\n
    • \u0130\u00e7erik T\u00fcr\u00fc (Content Type):<\/strong> Buras\u0131 en \u00f6nemli k\u0131s\u0131mlardan biridir. Meta alan\u0131n\u0131z\u0131n hangi t\u00fcrde veri depolayaca\u011f\u0131n\u0131 belirtirsiniz. Shopify, metin, say\u0131, tarih, URL, dosya, renk, \u00f6l\u00e7\u00fc, derecelendirme ve hatta JSON gibi \u00e7e\u015fitli i\u00e7erik t\u00fcrleri sunar. Do\u011fru t\u00fcr\u00fc se\u00e7mek, verilerinizi do\u011fru \u015fekilde girmenizi ve teman\u0131zda do\u011fru \u015fekilde g\u00f6r\u00fcnt\u00fclemenizi sa\u011flar. \u00d6rne\u011fin, bir \u00fcr\u00fcn\u00fcn “garanti s\u00fcresi” i\u00e7in “Tamsay\u0131” (Integer) se\u00e7ebilir, “\u00fcr\u00fcn videosu” i\u00e7in “URL” veya “Dosya” se\u00e7ebilirsiniz. Baz\u0131 i\u00e7erik t\u00fcrleri i\u00e7in ek do\u011frulama kurallar\u0131 (min\/maks de\u011ferler, kabul edilebilir dosya t\u00fcrleri vb.) ayarlayabilirsiniz, bu da veri giri\u015fini daha hatas\u0131z hale getirir.<\/li>\n<\/ul>\n<\/li>\n
    • T\u00fcm bilgileri doldurduktan sonra, “Kaydet” (Save) butonuna t\u0131klayarak meta alan tan\u0131m\u0131n\u0131z\u0131 olu\u015fturmu\u015f olursunuz.<\/li>\n<\/ol>\n
      \n Uzman \u0130pucu: \u0130\u00e7erik t\u00fcr\u00fcn\u00fc se\u00e7erken dikkatli olun. Yanl\u0131\u015f t\u00fcr se\u00e7imi, hem veri giri\u015fini zorla\u015ft\u0131rabilir hem de Liquid kodunuzda veriyi do\u011fru \u015fekilde \u00e7a\u011f\u0131rman\u0131za engel olabilir. \u00d6rne\u011fin, bir resim i\u00e7in “metin” de\u011fil, “dosya” veya “URL” t\u00fcr\u00fcn\u00fc se\u00e7melisiniz. Shopify 2022.10 g\u00fcncellemesiyle gelen “Dosya” t\u00fcr\u00fc, do\u011frudan Shopify dosyalar\u0131na y\u00fcklenen g\u00f6rselleri veya di\u011fer dosyalar\u0131 referans alman\u0131z\u0131 sa\u011flar.\n<\/div>\n

      Ad\u0131m 2: Meta Alan Verilerine Eri\u015fim ve Y\u00f6netim<\/h3>\n

      Meta alan tan\u0131mlar\u0131n\u0131z\u0131 olu\u015fturduktan sonra, art\u0131k \u00fcr\u00fcnlerinize bu \u00f6zel verileri girebilirsiniz. Shopify y\u00f6neticinizde bir \u00fcr\u00fcn sayfas\u0131na gitti\u011finizde, sayfan\u0131n en alt\u0131na do\u011fru kayd\u0131r\u0131rsan\u0131z, “Meta Alanlar\u0131” (Metafields) ba\u015fl\u0131kl\u0131 bir b\u00f6l\u00fcm g\u00f6receksiniz. Burada, daha \u00f6nce tan\u0131mlad\u0131\u011f\u0131n\u0131z t\u00fcm meta alanlar\u0131n\u0131za ait giri\u015f alanlar\u0131 listelenecektir. \u00d6rne\u011fin, “Kuma\u015f T\u00fcr\u00fc” meta alan\u0131 i\u00e7in bir metin kutusu, “Garanti S\u00fcresi” i\u00e7in bir say\u0131 alan\u0131 belirecektir.<\/p>\n

      Bu alanlara ilgili verileri girdikten sonra \u00fcr\u00fcn sayfas\u0131n\u0131 kaydetti\u011finizde, veriler meta alan\u0131n\u0131za atanm\u0131\u015f olur. Her \u00fcr\u00fcn i\u00e7in farkl\u0131 de\u011ferler girebilirsiniz, bu da her \u00fcr\u00fcn sayfas\u0131n\u0131 benzersiz bir \u015fekilde ki\u015fiselle\u015ftirmenize olanak tan\u0131r. Bir giyim markas\u0131, her \u00fcr\u00fcn i\u00e7in ayr\u0131 ayr\u0131 beden tablolar\u0131 olu\u015fturmak yerine, “beden_tablosu_url” ad\u0131nda bir meta alan\u0131 tan\u0131mlay\u0131p her \u00fcr\u00fcne ilgili beden tablosu g\u00f6rselinin veya sayfas\u0131n\u0131n URL’sini atayabilir. Bu, i\u00e7erik y\u00f6netimini inan\u0131lmaz derecede kolayla\u015ft\u0131r\u0131r.<\/p>\n

      Vaka Analizi: Bir Giyim Markas\u0131n\u0131n Beden Tablosu Y\u00f6netimi<\/strong><\/p>\n

      Diyelim ki “Moda Evi” ad\u0131nda bir giyim markan\u0131z var ve her \u00fcr\u00fcn kategorisi (ti\u015f\u00f6rtler, pantolonlar, elbiseler vb.) i\u00e7in farkl\u0131 beden tablolar\u0131n\u0131z var. Standart Shopify’da bu bilgiyi \u00fcr\u00fcn a\u00e7\u0131klamas\u0131na eklemek, hem sayfay\u0131 uzat\u0131r hem de her \u00fcr\u00fcn i\u00e7in manuel olarak d\u00fczenlemek zaman kayb\u0131d\u0131r. Moda Evi, bu sorunu \u00e7\u00f6zmek i\u00e7in meta alanlar\u0131n\u0131 kullanmaya karar verdi:<\/p>\n

        \n
      1. \u00d6ncelikle, “\u00dcr\u00fcnler” i\u00e7in yeni bir meta alan tan\u0131m\u0131 olu\u015fturdular. Ad\u0131n\u0131 “Beden Tablosu URL” koydular ve Ad Alan\u0131\/Anahtar’\u0131 custom.size_chart_url<\/code> olarak belirlediler. \u0130\u00e7erik t\u00fcr\u00fc olarak “URL” se\u00e7tiler.<\/li>\n
      2. Her bir beden tablosu g\u00f6rselini Shopify dosyalar\u0131na y\u00fcklediler ve her birinin benzersiz bir URL’sini ald\u0131lar.<\/li>\n
      3. Her bir \u00fcr\u00fcn i\u00e7in, ilgili beden tablosu g\u00f6rselinin URL’sini “Beden Tablosu URL” meta alan\u0131na girdiler. \u00d6rne\u011fin, bir ti\u015f\u00f6rt i\u00e7in ti\u015f\u00f6rt beden tablosunun URL’si, bir elbise i\u00e7in elbise beden tablosunun URL’si.<\/li>\n
      4. Daha sonra, tema dosyalar\u0131nda (Liquid) bu meta alan\u0131 \u00e7a\u011f\u0131rarak \u00fcr\u00fcn sayfas\u0131nda “Beden Tablosu” butonu olu\u015fturdular. M\u00fc\u015fteri butona t\u0131klad\u0131\u011f\u0131nda, ilgili beden tablosu g\u00f6r\u00fcnd\u00fc.<\/li>\n<\/ol>\n

        Bu y\u00f6ntemle, Moda Evi hem \u00fcr\u00fcn sayfalar\u0131n\u0131n d\u00fczenini korudu hem de m\u00fc\u015fterilere arad\u0131klar\u0131 bilgiye an\u0131nda ula\u015fma imkan\u0131 sundu, bu da m\u00fc\u015fteri memnuniyetini ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rd\u0131. Ayr\u0131ca, herhangi bir beden tablosu g\u00fcncellendi\u011finde, sadece ilgili g\u00f6rselin URL’sini de\u011fi\u015ftirerek t\u00fcm \u00fcr\u00fcn sayfalar\u0131nda otomatik olarak g\u00fcncelleme sa\u011flayabildiler, bu da b\u00fcy\u00fck bir zaman tasarrufu demekti.<\/p>\n

        Shopify Teman\u0131za Meta Alanlar\u0131n\u0131 Entegre Etme (Liquid Kodlar\u0131 ile)<\/h2>\n

        Meta alanlar\u0131n\u0131 olu\u015fturmak ve \u00fcr\u00fcnlere veri girmek s\u00fcrecin sadece ilk yar\u0131s\u0131d\u0131r. As\u0131l sihir, bu verileri \u00fcr\u00fcn sayfalar\u0131n\u0131zda g\u00f6r\u00fcn\u00fcr hale getirdi\u011finizde ba\u015flar. Shopify’\u0131n tema dili olan Liquid’i kullanarak, meta alanlar\u0131n\u0131zdaki verileri teman\u0131z\u0131n istedi\u011finiz herhangi bir yerine \u00e7ekebilir ve g\u00f6r\u00fcnt\u00fcleyebilirsiniz. Bu b\u00f6l\u00fcm, kod \u00f6rnekleriyle ad\u0131m ad\u0131m bu entegrasyonu nas\u0131l yapaca\u011f\u0131n\u0131z\u0131 anlat\u0131yor.<\/p>\n

        Shopify teman\u0131z\u0131n kodunu d\u00fczenlemek i\u00e7in y\u00f6neticinizde “Online Ma\u011faza” (Online Store) > “Temalar” (Themes) b\u00f6l\u00fcm\u00fcne gidin. Aktif teman\u0131z\u0131n yan\u0131nda “Eylemler” (Actions) butonuna t\u0131klay\u0131n ve “Kodu D\u00fczenle” (Edit Code) se\u00e7ene\u011fini se\u00e7in. Genellikle \u00fcr\u00fcn sayfalar\u0131yla ilgili de\u011fi\u015fiklikler, sections\/main-product.liquid<\/code>, snippets\/product-card.liquid<\/code> veya templates\/product.json<\/code> gibi dosyalarda yap\u0131l\u0131r. Hangi dosyay\u0131 d\u00fczenlemeniz gerekti\u011fi, teman\u0131z\u0131n yap\u0131s\u0131na ve veriyi nerede g\u00f6stermek istedi\u011finize ba\u011fl\u0131d\u0131r.<\/p>\n

        Meta Alan Verilerine Liquid ile Eri\u015fim<\/h3>\n

        Liquid’de bir meta alan\u0131na eri\u015fmek i\u00e7in genellikle {{ product.metafields.namespace.key }}<\/code> format\u0131n\u0131 kullan\u0131r\u0131z. \u00d6rne\u011fin, “\u00dcr\u00fcnler” i\u00e7in olu\u015fturdu\u011funuz meta alan\u0131n\u0131z\u0131n ad alan\u0131 custom<\/code> ve anahtar\u0131 fabric_type<\/code> ise, Liquid’de bu veriye \u015fu \u015fekilde eri\u015febilirsiniz:<\/p>\n

        \n
        Kuma\u015f T\u00fcr\u00fc: {{ product.metafields.custom.fabric_type }}<\/p>\n<\/pre>\n
        <\/code><\/p>\n
        Bu kod par\u00e7as\u0131, e\u011fer \u00fcr\u00fcn i\u00e7in \"organik pamuk\" gibi bir de\u011fer girilmi\u015fse, sayfada \"Kuma\u015f T\u00fcr\u00fc: organik pamuk\" \u015feklinde bir \u00e7\u0131kt\u0131 verecektir. \u015eimdi, farkl\u0131 i\u00e7erik t\u00fcrlerine g\u00f6re baz\u0131 \u00f6rnekleri inceleyelim:<\/p>\n
        1. Basit Metin veya Say\u0131 G\u00f6r\u00fcnt\u00fcleme<\/h4>\n
        Bu, en yayg\u0131n kullan\u0131m \u015feklidir. Tek sat\u0131r metin, \u00e7ok sat\u0131r metin, say\u0131, tarih gibi alanlar\u0131 do\u011frudan bu y\u00f6ntemle g\u00f6sterebilirsiniz.<\/p>\n
        \n{% if product.metafields.custom.bakim_talimatlari != blank %}\n  
        \n    
        Bak\u0131m Talimatlar\u0131<\/h3>\n    
        {{ product.metafields.custom.bakim_talimatlari }}<\/p>\n  <\/div>\n{% endif %}\n\n{% if product.metafields.custom.garanti_suresi != blank %}\n  
        Garanti S\u00fcresi: {{ product.metafields.custom.garanti_suresi }} y\u0131l<\/strong><\/p>\n{% endif %}\n<\/pre>\n
        <\/code><\/p>\n
        Burada, {% if ... != blank %}<\/code> kontrol\u00fc, ilgili meta alana veri girilip girilmedi\u011fini kontrol eder. E\u011fer veri yoksa, bu b\u00f6l\u00fcm sayfada g\u00f6r\u00fcnmez, bu da bo\u015f i\u00e7eriklerin g\u00f6sterilmesini engeller ve daha temiz bir sayfa sa\u011flar.<\/p>\n
        2. Resim G\u00f6r\u00fcnt\u00fcleme (Dosya Meta Alan\u0131)<\/h4>\n
        Bir \u00fcr\u00fcn i\u00e7in \u00f6zel bir g\u00f6rsel (\u00f6rne\u011fin, bir sertifika logosu veya ek bir \u00fcr\u00fcn detay\u0131 foto\u011fraf\u0131) g\u00f6stermek istedi\u011finizde, \"Dosya\" i\u00e7erik t\u00fcr\u00fcn\u00fc kullan\u0131r\u0131z. Shopify'\u0131n dosya y\u00fckleyicisi arac\u0131l\u0131\u011f\u0131yla y\u00fckledi\u011finiz g\u00f6rselleri kolayca \u00e7a\u011f\u0131rabilirsiniz.<\/p>\n
        \n{% if product.metafields.custom.ek_gorsel_urun.src %}\n  
        \n    \"{{\n    
        {{ product.metafields.custom.ek_gorsel_urun.alt }}<\/figcaption>\n  <\/div>\n{% endif %}\n<\/pre>\n
        <\/code><\/p>\n
        Burada .src<\/code> ile dosyan\u0131n URL'sine, .alt<\/code> ile de dosya y\u00fcklerken girdi\u011finiz alternatif metne eri\u015firiz. | image_url: width: 800<\/code> filtresi, g\u00f6r\u00fcnt\u00fcy\u00fc belirli bir geni\u015flikte (veya otomatik olarak uygun boyutta) optimize edilmi\u015f olarak y\u00fcklemeyi sa\u011flar, bu da sayfa h\u0131z\u0131n\u0131 art\u0131r\u0131r.<\/p>\n
        3. Rich Text (Zengin Metin) G\u00f6r\u00fcnt\u00fcleme<\/h4>\n
        \"Zengin Metin\" i\u00e7erik t\u00fcr\u00fc, kal\u0131n, italik, ba\u015fl\u0131klar, listeler ve ba\u011flant\u0131lar gibi bi\u00e7imlendirilmi\u015f metinleri depolaman\u0131za olanak tan\u0131r. Bu, \u00f6zellikle \u00fcr\u00fcn hikayeleri, kullan\u0131m k\u0131lavuzlar\u0131 veya detayl\u0131 \u00f6zellik listeleri i\u00e7in idealdir.<\/p>\n
        \n{% if product.metafields.custom.urun_hikayesi.value != blank %}\n  
        \n    
        \u00dcr\u00fcn Hikayesi<\/h3>\n    {{ product.metafields.custom.urun_hikayesi.value }}\n  <\/div>\n{% endif %}\n<\/pre>\n
        <\/code><\/p>\n
        Rich text meta alan\u0131n\u0131n i\u00e7eri\u011fine .value<\/code> ile eri\u015firiz. Shopify, bu de\u011feri otomatik olarak HTML olarak render eder, b\u00f6ylece bi\u00e7imlendirmeleriniz korunur.<\/p>\n
        4. JSON Data ile D\u00f6ng\u00fc Olu\u015fturma<\/h4>\n
        Daha karma\u015f\u0131k veri yap\u0131lar\u0131 i\u00e7in \"JSON\" i\u00e7erik t\u00fcr\u00fcn\u00fc kullanabilirsiniz. \u00d6rne\u011fin, bir \u00fcr\u00fcn\u00fcn teknik \u00f6zelliklerini bir dizi obje olarak depolayabilirsiniz.<\/p>\n
        \n{% assign teknik_ozellikler = product.metafields.custom.teknik_ozellikler.value %}\n{% if teknik_ozellikler != blank %}\n  
        \n    
        Teknik \u00d6zellikler<\/h3>\n    \n      \n        {% for ozellik in teknik_ozellikler %}\n          \n            
        {{ ozellik.adi }}<\/td>\n            {{ ozellik.degeri }}<\/td>\n          <\/tr>\n        {% endfor %}\n      <\/tbody>\n    <\/table>\n  <\/div>\n{% endif %}\n<\/pre>\n
        <\/code><\/p>\n
        Bu \u00f6rnekte, JSON bir dizi obje i\u00e7eriyorsa (\u00f6rne\u011fin [{\"adi\": \"A\u011f\u0131rl\u0131k\", \"degeri\": \"500g\"}, {\"adi\": \"Boyut\", \"degeri\": \"10x15cm\"}]<\/code>), Liquid for<\/code> d\u00f6ng\u00fcs\u00fc ile her bir \u00f6zelli\u011fi listeleyebilirsiniz. .value<\/code> ile JSON i\u00e7eri\u011fine eri\u015fti\u011finizi unutmay\u0131n.<\/p>\n
        Mobil Uyumlu Tasar\u0131m \u0130\u00e7in CSS ve Media Query \u00d6rnekleri<\/h3>\n
        Meta alanlar\u0131n\u0131 kullanarak ekledi\u011finiz i\u00e7eriklerin mobil cihazlarda da iyi g\u00f6r\u00fcnmesi \u00e7ok \u00f6nemlidir. Teman\u0131z\u0131n CSS dosyas\u0131na (genellikle assets\/base.css<\/code> veya assets\/theme.css<\/code>) a\u015fa\u011f\u0131daki gibi stil kurallar\u0131 ekleyebilirsiniz:<\/p>\n
        \n