Aracılığıyla paylaş


Kapsayıcı modülü

Not

Dynamics 365 Commerce tarafından Perakende İlgi Grubu, Yammer'dan Viva Engage'e taşındı. Yeni Viva Engage topluluğuna erişiminiz yoksa, eklenecek bu formu (https://aka.ms/JoinD365commerceVivaEngageCommunity) doldurun ve en son tartışmalara dahil olmaya devam edin.

Bu makalede kapsayıcı modülleri ve bunların Microsoft Dynamics 365 Commerce'deki site sayfalarına nasıl ekleneceği açıklanmaktadır.

Kapsayıcı modülü içindeki diğer modülleri barındırır. Kapsayıcı modülünün birincil amacı, içerdiği modüllerin düzenini özellikleri aracılığıyla tanımlamaktır. Örneğin, bu modüller iki sütunlu, üç sütunlu, dört sütunlu veya altı sütunlu düzende yan yana görüntülenebilir. Bunları kapsayıcının genişliğiyle sınırlayabilir veya ekranı doldurabilirsiniz. Ayrıca her kapsayıcı modülüne bir başlık ekleyebilirsiniz.

Desteklenen üç kapsayıcı modülü şunlardır: kapsayıcı, 2 yuvalı kapsayıcı ve 3 yuvalı kapsayıcı. Bu kapsayıcıların içine herhangi bir türde modül yerleştirebilirsiniz.

Not

Modülleri her zaman kapsayıcı modülünün içine yerleştirerek kapsayıcının genişliğiyle sınırlandırabilirsiniz.

E-ticarette konteyner modülleri örnekleri

  • Site yazarı, yan yana üç modül görüntülendiği üç sütunlu bir düzen istiyor. Bu nedenle, site yazarı konteyner için 3-yuva türü bulunan bir konteyner modülü kullanır.
  • Site yazarı, yan yana altı modül görüntülendiği altı sütunlu bir düzen istiyor. Bu nedenle, site yazarı içinde altı sütun bulunan bir kapsayıcı modülü kullanır.
  • Site yazarı bir sayfaya modül koymak istiyor ancak ekranı doldurmasını istemiyorum. Bu nedenle, site yazarı modülü bir konteyner modüle ekler ve kapsayıcının Genişlik özelliğini konteyner sığdır şekilde ayarlar.

Aşağıdaki resimde, ticaret sitesi oluşturucuda döngü modülü içeren bir kapsayıcı modülü örneği gösterilmektedir. Bu örnekte, konteyner modülünün genişlik özelliği Ekranı doldur ayarlanır.

Kapsayıcı modülünün ekran görüntüsü.

Konteyner modülü özellikler

Özellik adı Değerler Açıklama
Başlık Başlık metni ve başlık etiketi (H1, H2, H3, H4, H5 veya H6) Kapsayıcı için isteğe bağlı bir başlık. Varsayılan olarak, başlık için H2 başlık etiketi kullanılır. Ancak, erişilebilirlik gereksinimlerini karşılamak için etiketi değiştirebilirsiniz.
Genişlik Kapsayıcıya sığdır veya Ekrana doldur Değeri Kapsayıcıya sığdır (varsayılan değer) olarak ayarlarsanız, kapsayıcının içindeki modüller kapsayıcının genişliğiyle sınırlıdır. Değeri Dolgu ekranı olarak ayarlarsanız modüller kapsayıcı genişliğiyle sınırlı değildir, ancak ekranı doldurabilir.
Sütun sayısı 1, 2, 3, 4, 6 veya 12 Kapsayıcıdaki sütun sayısı. Bir konteynerin en çok 12 sütunu olabilir.

2 alanlı kapsayıcı

2-yuva türü olan konteyner, iki sütunlu bir düzen için en iyi duruma getirilmiştir. Bu konteyner türünde, içinde modüllerin yan yana görünümüne izin veren iki yuva vardır.

Farklı görünüm bağlantı noktaları (mobil cihazlar, tabletler, bilgisayarlar vb.) için düzeni iyileştirmek için ek özellikler kullanın. Her görünüm bağlantı noktası için her sütunun genişliğini tanımlayın. Aşağıdaki sütun genişliği ayarları kullanılabilir:

  • %75/%25 - ilk modülde yüzde 75 sütun genişliği vardır ve ikinci modülün sütun genişliği yüzde 25'tir. %25/%75 seçeneği de kullanılabilir.
  • %50/%50 – her iki modül da eşit sütun genişliğine sahiptir.
  • %67/%33 - ilk modülde yüzde 67 sütun genişliği vardır ve ikinci modülün sütun genişliği yüzde 33'tür. %33/%67 seçeneği de kullanılabilir.
  • %100 – her iki modül da tam sütun genişliğine sahiptir. Bu nedenle, modüller tek bir sütunda dikey olarak yığılır. Bu tek sütunlu düzen konteyner amacına (2-yuva türü) sahip olmakla birlikte, bazı Görünüm bağlantı noktaları (örneğin, mobil aygıtlar gibi ek küçük Görünüm bağlantı noktaları) için tercih edilebilir.

2-yuva özelliklerine sahip konteyner

Özellik adı Değerler Açıklama
Başlık Başlık metni ve başlık etiketi Kapsayıcı için isteğe bağlı bir başlık.
X-küçük Görünüm bağlantı noktası konfigürasyonu %25/%75, %75/%25, %50/%50, %67/%33, %33/%67 veya %100 Çok küçük görünüm bağlantı noktalarının düzeni.
Küçük Görünüm bağlantı noktası konfigürasyonu %25/%75, %75/%25, %50/%50, %67/%33, %33/%67 veya %100 Mobil cihazlar gibi küçük görünüm bağlantı noktalarının düzeni.
Orta Görünüm bağlantı noktası konfigürasyonu %25/%75, %75/%25, %50/%50, %67/%33, %33/%67 veya %100 Tabletler gibi orta görünüm bağlantı noktalarının düzeni.
Büyük Görünüm bağlantı noktası konfigürasyonu %25/%75, %75/%25, %50/%50, %67/%33, %33/%67 veya %100 Bilgisayarlar gibi büyük Görünüm bağlantı noktaları için Düzen.

Üç yuvalı kapsayıcı

Üç yuvalı modül türüne sahip kapsayıcı, üç sütunlu düzen için iyileştirilmiştir.

Farklı görünüm portları için düzeni iyileştirmek amacıyla ek özellikleri kullanın. Her görünüm bağlantı noktası için her sütunun genişliğini tanımlayın. Aşağıdaki sütun genişliği ayarları kullanılabilir:

  • %33/%33/%33 - Üç modül da eşit sütun genişliğine sahiptir.
  • %50/%25/%25 – ilk modülde yüzde 50 sütun genişliği vardır ve geri kalan iki modülün sütun genişliği yüzde 25'tir. %25/%50/%25 ve %25/%25/%50 seçenekler de kullanılabilir.
  • %16/%16/%67 – İlk iki modülde yüzde 16 sütun genişliği vardır ve üçüncü modülün sütun genişliği yüzde 67'dir. %16/%67/%16 ve %67/%16/%16 seçenekler de kullanılabilir.

Üç yuva özelliğine sahip kapsayıcı

Özellik adı Değerler Açıklama
Başlık Başlık metni ve başlık etiketi Kapsayıcı için isteğe bağlı bir başlık.
X-küçük Görünüm bağlantı noktası konfigürasyonu %33/%33/%33, %50/%25/%25, %25/%50/%25, %25/%25/%50, %16/%16/%67, %16/%67/%16 veya %67/%16/%16 Çok küçük görünüm bağlantı noktalarının düzeni.
Küçük Görünüm bağlantı noktası konfigürasyonu %33/%33/%33, %50/%25/%25, %25/%50/%25, %25/%25/%50, %16/%16/%67, %16/%67/%16 veya %67/%16/%16 Mobil cihazlar gibi küçük görünüm bağlantı noktalarının düzeni.
Orta Görünüm bağlantı noktası konfigürasyonu %33/%33/%33, %50/%25/%25, %25/%50/%25, %25/%25/%50, %16/%16/%67, %16/%67/%16 veya %67/%16/%16 Tabletler gibi orta görünüm bağlantı noktalarının düzeni.
Büyük Görünüm bağlantı noktası konfigürasyonu %33/%33/%33, %50/%25/%25, %25/%50/%25, %25/%25/%50, %16/%16/%67, %16/%67/%16 veya %67/%16/%16 Bilgisayarlar gibi büyük Görünüm bağlantı noktaları için Düzen.

Sayfaya konteyner modülü ekleme

Kapsayıcı oynatıcı modülünü yeni bir sayfaya eklemek ve gerekli özellikleri ayarlamak için şu adımları izleyin:

  1. Bir yeni şablonu oluşturmak için Şablonlar'a gidin ve Yeni'yi seçin.
  2. Yeni şablon iletişim kutusunda Şablon adı altında, Konteyner şablonu'nu girin ve Tamam'ı seçin.
  3. Gövde alanında, üç nokta (...) düğmesini seçin ve Modül ekle'yi seçin.
  4. Modülleri seç iletişim kutusunda Varsayılan Sayfa modülünü seçin ve Tamam'ı seçin.
  5. Kaydet'i seçin, şablonu iade etmek için Düzenlemeyi bitir'i ve ardından yayımlamak için Yayımla'yı seçin.
  6. Sayfalar'a gidin ve yeni sayfa oluşturmak için Yeni'yi seçin.
  7. Yeni sayfa oluştur iletişim kutusunda Sayfa adı altında, Konteyner sayfası'nı girin ve Tamam'ı seçin.
  8. Şablon seç bölümünde, oluşturduğunuz Konteyner şablonunu seçin ve sonra İleri'yi seçin.
  9. Bir düzen seçin bölümünde, bir sayfa düzeni seçin (ör. Esnek düzen) ve sonra İleri'yi seçin.
  10. İnceleyin ve bitirin bölümünde, sayfa yapılandırmasını gözden geçirin. Sayfa bilgilerini düzenlemeniz gerekiyorsa, Geri'yi seçin. Sayfa bilgileri doğruysa, Sayfa oluştur'u seçin.
  11. Yeni sayfanın Ana alanında, üç nokta düğmesini (...) ve sonra Modül ekle'yi seçin.
  12. Modül seç iletişim kutusunda Konteyner modülünü seçin ve Tamam'ı seçin.
  13. Konteyner modülüyle ilgili Özellik bölmesinde, sütun sayısı özelliğini 1'e ve Genişlik özelliğini Kapsayıcıyı doldur şekilde ayarlayın.
  14. Konteyner alanında, üç nokta (...) düğmesini seçin ve Modül ekle'yi seçin.
  15. Modülleri seç iletişim kutusunda İçerik bloğu modülünü seçin ve Tamam'ı seçin.
  16. İçerik bloğu modülü özellik bölmesinde başlığı, görüntüyü ve düzeni yapılandırın.
  17. Kaydet'i seçin ve ardından sayfayı önizlemek için Önizleme'yi seçin. Konteyner modülünün genişliğine uyan tek bir özellik modülü görmelisiniz.
  18. Konteyner modülüyle ilgili özellik bölmesinde, sütun sayısı özelliğinin değerini 3 olarak değiştirin.
  19. Konteyner modülüne iki tane daha içerik bloğu modülü ekleyin ve konfigüre edin.
  20. Kaydet'i seçin ve ardından sayfayı önizlemek için Önizleme'yi seçin. Yan yana görünen üç içerik bloku modülü şimdi görmelisiniz.
  21. İstediğiniz düzeni oluşturduktan sonra, sayfayı kontrol etmek için Düzenlemeyi Bitir'i seçin ve ardından yayımlamak için Yayımla'yı seçin.

Ek kaynaklar

Modül kitaplığına genel bakış

Akordeon modülü

Sekme modülü

Döngü modülü

Metin bloğu modülü

Satın alma kutusu modülü

Sepet modülü

Ödeme yapma modülü

Üst bilgi modülü

Alt bilgi modülü