Bölümler ve bloklar

Online mağazanızda istediğiniz düzeni oluşturmak için temanızdaki bölümleri kullanabilirsiniz. Bölümler; metin, düğmeler, tekli görseller, görsel kolajı veya bağlantılar gibi her biri belirli bir işleve sahip olan farklı türdeki bloklardan oluşur.

Bölümler ve bloklar, içeriğinizi düzenleme konusunda esneklik sağlar ve aşağıdaki kişiselleştirme seçenekleri de dahil olmak üzere, kod düzenlemesi yapmanıza gerek kalmadan online mağazanızın stilini ve genel havasını kontrol etmenize olanak tanır:

• Şablonlarınızdaki bölümleri ve bölümlerin içindeki blokları yeniden düzenleyebilirsiniz.
• Bölümler ve bloklar, belirli kişiselleştirme ayarlarına sahip olabilir.
• ürünleriniz için bakım talimatları eklemek gibi işlemlerde, özel verilerden gelen dinamik bilgileri online mağazanızda görüntülemek için uyumlu bölümleri ve blokları bağlayabilirsiniz. Dinamik kaynakları bağlama hakkında daha fazla bilgi edinin.

Tema düzenleyicisinde kullanılabilen bölümler ve bloklar temanıza ve tema sürümünüze bağlıdır. Örneğin temanızda, yalnızca Slayt gösterisi bölümüne ekleyebileceğiniz bir Slayt bloku ve temanızın tüm bölümlerine ekleyebileceğiniz bir Başlık metin bloku olabilir. Kullanabileceğiniz seçenekler hakkında daha fazla bilgi edinmek için temanızın belgelerine bakın.

Bölüm ve bloklar için maksimum sınırlar

Bölümler ve bloklar için aşağıdaki maksimum sınırlamalar geçerlidir:

• Her şablonda en fazla 25 bölüm olabilir.
• Her şablonda, tüm bölümlere yayılmış en fazla 1250 blok olabilir. Kesin blok sayısı ve her bölüme ekleyebileceğiniz her bir blok türünün sayısı, bölüm ve blok kaynaklarına bağlıdır ve temanızın tasarımcısı tarafından belirtilir. Örneğin temanızda bir E-posta kaydı bölümü varsa yalnızca bir adet E-posta formu bloku ekleyebilirsiniz.
• İç içe yerleştirmeyi destekleyen bloklar, en fazla sekiz iç içe blok düzeyine sahip olabilir.

Blok kaynakları

Temanızın yapısına ve yüklediğiniz uygulamalara bağlı olarak temanız, farklı kaynaklardan blokları kabul eden çeşitli bölümler içerebilir. Bir bölüme blok eklediğinizde, o bölüme ilişkin tüm mevcut bloklar, blok seçicide görüntülenir. Temanıza ve tema sürümünüze bağlı olarak, temanızdaki bölümlere aşağıdaki blok türlerini ekleyebilirsiniz:

• Uygulama blokları, temanıza işlevsellik katan bloklardır. Yüklediğiniz uygulamalar tarafından eklenen tema alanlarını, temanızdaki bir sayfanın belirli bir alanına yeniden konumlandırmak için bir uygulama bloku kullanabilirsiniz.
• Bölüm blokları, belirli bir bölüm içinde tanımlanan bloklardır.
• Tema blokları, temanızda tanımlanan ve iç içe yerleştirme gibi dinamik işlevlere sahip olabilen bloklardır.

Temanızda, bölüm blokları kullanan bazı bölümler ve tema blokları kullanan başka bölümler olabilir. Tek bir bölüm, tema bloklarını veya bölüm bloklarını kabul edebilir ancak ikisinin bir karışımını kabul edemez.

Bölümler içindeki uygulama bloklarının kullanılabilirliği, uygulamanın işlevselliğine ve bölümün uygulama bloklarını kabul edip edememesine bağlıdır.

Bölüm blokları

Bölüm blokları, belirli bir bölüm için tasarlanmış bloklardır. Bir bölüm, bölüm bloklarının türleri için sınırlara sahip olabilir ve ekleyebileceğiniz belirli bir blok türünün sayısını sınırlayabilir.

Bölüm blokları olan bir bölüm örneği

Örneğin, temanızda bir E-posta kaydı bölümü vardır. Müşterilerin bülteninize abone olabilmesi için bülten aboneliği formu eklemek üzere bu bölümü kullanabilirsiniz. E-posta kaydı bölümünü ekledikten sonra aşağıdaki blokların her birinden bir tane ekleyebilirsiniz:

• bir E-posta formu bloku
• bir Başlık bloku
• bir Alt Başlık bloku

E-posta formu blokunu ekleyip başka bir blok eklemek için Blok ekle seçeneğine tıklarsanız E-posta formu bloku artık blok seçicide bir seçenek olarak görüntülenmez. Bu sınırlama, müşterinin e-postasını alırken herhangi bir sorun yaşanmasını önlemeye yardımcı olur ve müşterinin e-posta adresini kolayca girebilmesini sağlar.

E-posta kaydı bölümü için mevcut olan üç blokun tamamını eklediyseniz blok seçicide, mevcut tüm blokların kullanıldığına dair bir mesaj görüntülenir.

Tema blokları

Tema blokları, temanızda tanımlanan ve iç içe yerleştirme gibi dinamik işlevlere sahip olabilen bloklardır. Tema bloklarını kabul eden bölümler, bölümün yapısına bağlı olarak çeşitli farklı blokları kabul edebilir. Tema bloklarını kabul eden bir bölüm; mevcut tüm tema bloklarını, blokların belirli bir alt kümesini veya o bölüme özgü blokları kabul edebilir. Tema blokları aşağıdaki davranışlara da sahip olabilir:

• Bazı bloklar, diğer blokların içine sekiz düzeye kadar blok yerleştirmenize olanak tanıyan iç içe yerleştirmeyi destekler.
• Bazı bölümlerde zorunlu bloklar bulunur. Bu blokları özelleştirebilir veya gizleyebilirsiniz ancak yeniden sıralayamaz ya da silemezsiniz.
• Bazı bloklar, belirli koşullar karşılandığında bir bölümde otomatik olarak görüntülenir.

Tema blokları olan bir bölüm örneği

Örneğin temanızda, tema blokları içeren bir Slayt gösterisi bölümü bulunur.

Temanızın slayt gösterisi bölümünde Blok ekle'ye tıkladığınızda, blok seçiciden bir Slayt bloku seçebilirsiniz. Başka blok türleri mevcut değildir. Bir Slayt blokunu temanızdaki Görsel banner'ı gibi başka bir bölüme eklemeye çalışırsanız Slayt seçeneği kullanılamaz. Bu, kısıtlanmış bir blok örneğidir.

Slayt gösterisi bölümüne bir Slayt bloku ekledikten sonra, Blok ekle seçeneğine tıklayarak Slayt gösterisi bölümündeki herhangi bir Slayt blokuna Başlık, Görsel, Düğme gibi ek bloklar ekleyebilirsiniz. Bu bloklar, Slayt blokunun içine yerleştirilir. Bu, iç içe yerleştirilmiş bir blok örneğidir.

Slayt gösterisi bölümüne ikinci bir Slayt bloku eklerseniz tema otomatik olarak bir Slayt gösterisi kontrolleri bloku ekler. Bu blok, sitenizin ziyaretçilerinin bir slayttan diğerine gitmek için tıklayabileceği düğmeleri gösterir. Düğmelerin stilini özelleştirebilir veya kontrolleri gizleyebilirsiniz ancak bloku kaldıramaz ya da silemezsiniz. Bu, koşullu olarak görüntülenen, zorunlu bir blok örneğidir.

Tema bloku uyumluluğu

Tema bloklarına erişmek için temanızda tema bloklarını destekleyen bölümlerin olması gerekir. Temanızın tema bloklarını destekleyip desteklemediğini temanızın kodundan kontrol edebilirsiniz. Liquid düzenleyicisinin kenar çubuğunda bir blocks dizini varsa tema bloklarını destekleyen bir tema kullanıyorsunuz demektir. Ayrıca temanızın belgelerini de kontrol edebilirsiniz.

Adımlar:

1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

2. Kontrol etmek istediğiniz temanın yanındaki düğmesine ve ardından Kodu düzenle'ye tıklayın.

3. Kenar çubuğunda blocks klasörünü arayın.

   

Tema şablonlarınızı bölümler ve bloklarla özelleştirme

Tema düzenleyicisini açtığınızda varsayılan olarak mağazanızın ana sayfası yüklenir. Ürünler, koleksiyonlar, sayfalar veya bloglar gibi farklı bir şablon seçmek için açılır menüyü kullanabilir ya da belirli bir şablonu aramak için şablon açılır menüsündeki arama çubuğundan yararlanabilirsiniz. Bir şablon seçtiğinizde bu şablon tema düzenleyicisine yüklenir ve yaptığınız tüm değişiklikler düzenleyicide önizlenir.

Bölüm ekle

Online mağazanızdaki herhangi bir sayfaya yeni bir bölüm ekleyin.

Adımlar:

Bölüm düzenle

Bölüm veya bloku yeniden düzenle

Sayfa şablonlarınızdaki bölümlerin sırasını değiştirebilir ve bu bölümlerin içindeki blokları yeniden düzenleyebilirsiniz. Ayrıca, uyumlu blokları farklı bölümler arasında taşıyabilirsiniz. Örneğin, ana sayfanızda iki Slayt gösterisi bölümü varsa bir Slayt blokunu bir slayt gösterisinden diğerine sürükleyebilirsiniz.

Blok türü uyumsuzsa veya bölüm, bloklar için maksimum sınıra zaten ulaşmışsa bir bloku farklı bir bölüme taşıyamazsınız. Bir bölümü veya bloku geçersiz bir konuma taşımaya çalışırsanız bu öge, orijinal konumuna geri döner.

Bölümleri yeniden düzenlemek için önizleme denetçisini de kullanabilirsiniz. Tema düzenleyicisinde önizleme denetçisini kullanma hakkında daha fazla bilgi edinin.

Adımlar:

Bir bölümü veya bloğu çoğaltma

Bir bölümün veya bloğun bire bir kopyasını oluşturmak için ilgili bölümü ya da bloğu çoğaltabilirsiniz.

Bir bloğu çoğalttıktan sonra yeni blok, aynı bölüme eklenir. Bloğu yeni bir bölüme taşımak veya blok sırasını değiştirmek isterseniz bloğu yeniden düzenleyebilirsiniz. Bunun yerine, bir bloğu kopyalayıp doğrudan farklı bir bölüme de yapıştırabilirsiniz.

Blokları kopyalama ve yapıştırma

Aynı bloğu birden fazla bölümde kullanmak isterseniz bloğu kolayca kopyalayıp farklı bir bölüme yapıştırabilirsiniz. Bir bloğu aynı bölüm içinde de kopyalayıp yapıştırabilir veya bunun yerine bloğu çoğaltmayı seçebilirsiniz. Çoğaltılan bir blok, orijinal bloğun tüm ayarlarını ve içeriğini korur.

Adımlar:

1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

2. Düzenlemek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

3. Ana sayfanızdaki bir bloğu kopyalayıp yapıştırmak için bloğu doğrudan seçin ya da Ana sayfa açılır menüsünden, düzenlemek istediğiniz bölüm veya bloğu içeren şablonu seçin.

4. Kopyalamak istediğiniz bloğa sağ tıklayın ve ardından Kopyala'ya tıklayın.

5. Aynı veya farklı bir bölümde, ilgili bölüme sağ tıklayın ve ardından Yapıştır'a tıklayın.

6. Kaydet'e tıklayın.

Bir bölümü veya bloğu gizleme ya da silme

Bir bölümü veya bloğu yeniden adlandırma

Varsayılan olarak, tema düzenleyicisinin kenar çubuğu menüsünde ve ayarlarında bir bölümün veya bloğun başlığı, "Koleksiyon" ya da "Metin" gibi, blok veya bölüm türü olarak ayarlanır.

Bloklar için, blok ayarlarında başlık veya açıklama gibi bir metin alanı varsa bu metin, kenar çubuğu menüsündeki başlığa da eklenir. Birden fazla metin alanı varsa içerik barındıran ilk metin alanı eklenir. Metin alanındaki metni değiştirdiğinizde blok başlığı, güncellenmiş metni içerecek şekilde değişir. Bir bölüm veya blok adı boş bırakılamaz.

Örneğin, sayfa şablonunuza Sütun blokları içeren bir Çok Sütunlu bölüm eklediğinizi varsayalım. Sütun bloğu, hem varsayılan metni Sütun olan bir Başlık ayarı hem de varsayılan metni Seçtiğiniz ürüne, koleksiyona veya blog gönderisine odaklanmak için metni bir görselle eşleştirin. olan bir Açıklama ayarı içerir. Varsayılan bölüm başlığı Çok Sütunlu olur. Varsayılan Sütun bloğu başlığı Sütun - Sütun olur. Başlık bölümündeki metni kaldırırsanız blok başlığı Sütun - Metni bir görselle eşleş... olarak güncellenir.

Tema düzenleyicisinin kenar çubuğu menüsünde, istediğiniz bölümü veya bloğu kendi ayarlarından özel bir adla yeniden adlandırabilirsiniz.

Adımlar:

Bloklarla çalışma

Bloklar, şablonlarınızdaki bölümlere içerik eklemek için kullandığınız özelleştirilebilir modüllerdir. Blokları metin, resim, bağlantı, düğme ve daha fazlasını eklemek için kullanabilirsiniz.

Shopify temaları, özelleştirebileceğiniz bölümlere ve bloklara sahiptir. Bazı bölümlerin sabit blok türleri vardır. Bu, yalnızca tema tasarımcısı tarafından o bölüm için kullanılabilir hale getirilen bloklar arasından seçim yapabileceğiniz anlamına gelir.

Diğer bölümler istediğiniz bloğu seçmenize olanak tanır ancak bölüme ekleyebileceğiniz toplam blok sayısında bir sınır vardır. Bölümünüz, kullanılabilir maksimum blok sayısına ulaşırsa Blok ekle seçeneği soluk görünür ve bu seçeneğe tıklayamaz veya dokunamazsınız.

Belirli bir bloğu adıyla bulmak için arama yapabilir veya blok seçici açılır menüsünden bir blok seçebilirsiniz. Temanızın blokları, blok seçicide, koleksiyon seçicili bloklar için Koleksiyon veya görsel ve video blokları için Medya gibi kategorilere ayrılmış olabilir.

Bloğu eklemeden önce nasıl görüneceğini inceleyebilmeniz için blok seçicide bloğun bir önizlemesi görüntülenir.

Blok ekle

Dinamik kaynaklarla meta alanları ve meta nesneleri kullanma

Online mağazanızda dinamik bilgileri görüntülemek için meta alanları ve meta nesneleri kullanabilirsiniz. Meta alanları destekleyen bir temanız varsa tema düzenleyicisinde bir meta alanı, uyumlu bir bölüm veya blok ayarlarına bağlayabilirsiniz.

Örneğin, mum satıyorsanız mağazanızda bulunan her mumun yanma süresini göstermek isteyebilirsiniz. Shopify yöneticisi ayarlarınızın Özel veriler bölümünde Yanma süresi için bir ürün meta alanı ayarladıktan sonra, ürün şablonunuzun ana bölümüne bir metin bloğu ekleyebilirsiniz. Metin bloğunda, metin ayarındaki düğmesine tıklayıp Yanma süresi meta alanını seçebilirsiniz. Artık ürünlerinizde yanma süresi bilgileri görüntülenir.

Bir Shopify temanız varsa tema düzenleyicisini kullanarak çoğu meta alanı ve meta nesneyi temanıza bağlayabilirsiniz. Başka temalar kullanıyorsanız veya temanızın desteklemediği özel veri türleri eklemek istiyorsanız tema kodunuzu düzenleyebilir ya da yardım almak için bir Shopify İş Ortağı ile çalışabilirsiniz. Bir Shopify İş Ortağı ile çalışma hakkında daha fazla bilgi edinin.

Tüm bölümler veya bloklar dinamik kaynakları desteklemez. Temanızın dinamik kaynakları destekleyip desteklemediğini belirlemek için tema düzenleyicisinde temanızın mimari sürümünü ve mevcut kişiselleştirme seçeneklerini kontrol edin.

Dinamik kaynakları kullanabilen bölümler veya bloklar ekleyerek online mağazanızda dinamik bilgiler görüntüleyebilirsiniz. Dinamik kaynaklar, uyumlu kaynakları (ürün, koleksiyon, sayfa, blog ve blog gönderisi) görüntüleyen tüm şablon, bölüm veya bloklarda kullanılabilir. Şablonlarınızda bağlamadan önce meta alanınızı eklemeniz gerekir. Temanızda dinamik kaynaklarla meta alanları ve meta nesneleri kullanma hakkında daha fazla bilgi için Dinamik kaynaklar bölümüne bakın.

Ayarlama işlemini tamamladıktan sonra, düğmesini kullanarak dinamik kaynakları temanızdaki bölümlere veya bloklara bağlamak için aşağıdaki adımları izleyin.

Adımlar:

Meta alanları online mağazanızda görüntüleme ve meta nesneleri online mağazanızda görüntüleme hakkında daha fazla bilgi edinin.

Dinamik kaynak seçici

Dinamik kaynak seçiciyi, doğru dinamik kaynağı doğrudan tema düzenleyicisinde bağlamak için kullanabilirsiniz. Dinamik kaynak seçicinin aşağıdaki temel özelliklerini gözden geçirin:

• Uygun olan yerlerde, çeşitli kaynaklardan dinamik kaynaklara referans verebilirsiniz. Örneğin, bir ayarı hem ürün kaynağına hem de sayfa kaynağına bağlı bir bloğa bağlarsanız dinamik kaynak seçicideki açılır menüyü kullanarak ürün veya sayfa kaynağıyla ilişkili meta alanlardan hangisini aramak istediğinizi belirtebilirsiniz.
• Dinamik kaynak seçici, ihtiyacınız olan meta alanı bulmanıza yardımcı olacak bir arama ve filtreleme işlevine sahiptir.
• Dinamik kaynak seçici, kategori meta alanlarını seçmenize olanak tanır. Bunlar, bir ürüne ürün kategorisi atadığınızda kullanılabilir hâle gelen ek özelliklerdir. Bu meta alanlara erişim, dinamik kaynakları temel alınan özellik meta nesnesindeki ilgili alanlara bağlamanıza olanak tanır.