CMS Özellik Talebi: Dinamik Etkileşim Kutuları
Özellik Talebi|Bu özellik için oy topluyoruz
Şimdilik, etkileşim kutularını CMS koleksiyonlarına bağlayarak dinamik hale getirmek mümkün değil. Ancak, ögeleri dinamik hale getirmek için etkileşim kutusunun ekli ögelerini CMS koleksiyonu içeriğine bağlayabilirsiniz (ör. metin, görüntüler, düğmeler).
Ürünlerimizi güncellemek ve geliştirmek için sürekli çalışıyoruz ve geri bildirimleriniz bizim için çok değerli. Bunun gelecekte eklenmesi gereken bir özellik olduğunu düşünüyorsanız, lütfen Bu Özellik İçin Oy Verin'e tıklayın, sonuçlar hakkında sizi bilgilendirelim.
Geçici Çözüm
Velo'yu kullanarak, dinamik bir öge sayfasından açılan ve etkileşim kutusunun açıldığı sayfada gösterilenle aynı ögeyi görüntüleyen bir etkileşim kutusu oluşturabilirsiniz.
Örneğin, sunduğunuz hizmetlerin sergilendiği dinamik öge sayfalarınız varsa, sayfadaki bir düğmeyi bir etkileşim kutusuna bağlayabilirsiniz. Etkileşim kutusunda metin, görüntü ve düğme gibi ögeleri aynı koleksiyona bağlı bir veri kümesine bağlayabilirsiniz. Sonuç olarak, ziyaretçiler dinamik öge sayfanızdaki düğmeye tıkladığında, sayfada aynı öge hakkında daha fazla bilginin görüntülendiği bir etkileşim kutusu açılır.
Başlamadan önce:
Sitenizin aşağıdaki özelliklere sahip olduğundan emin olun:
- Etkileşim kutusu.
- Etkileşim kutusu bağlanan bir düğme içeren bir dinamik öge sayfası.
- Etkileşim kutusu ögelerinde görünecek içerik için Koleksiyon alanları.
Wix Editor
Studio Editor
- Editörünüze gidin.
- İlgili dinamik öge sayfasına gidin.
- Velo Geliştirici Modunu Etkinleştirin:
- Editörün üst kısmındaki Geliştirici Modu'na tıklayın.
- Geliştirici Modunu Aç'a tıklayın.
- Aşağıdaki kod parçacığını kopyalayın ve sayfa kodunuzun en üstüne yapıştırın:
1import wixWindowFrontend from 'wix-window-frontend';
- Aşağıdaki kod parçacığını kopyalayın ve yerine yapıştırın: $w.onReady(function () {
1$w('#openLightbox').onClick(async () => { const item = await $w('#dynamicDataset').getCurrentItem(); const id = item._id; wixWindowFrontend.openLightbox("Dinamik Etkileşim Kutusu", id); })
2
- Yapıştırdığınız örnek kodda, aşağıda listelenen kimlikleri siteniz tarafından kullanılanlarla değiştirin:
- openLightbox: Etkileşim kutusunuaçan düğmenin kimliğiyle değiştirin.
- dinamik Veri Kümesi: Dinamik öge sayfası veri kümesinin kimliğiyle değiştir.
- Dinamik Etkileşim Kutusu: Etkileşim kutusunun adıyla değiştirin.
- Editör'de etkileşim kutusuna gidin.
- Bir veri kümesi ekleyin ve onu dinamik öge sayfanızla aynı koleksiyona bağlayın:
- Editörün sol çubuğundaki CMS simgesine
tıklayın. - İçerik Ögeleri Ekle simgesine tıklayın.
- Veri Kümesi'ne tıklayın.
- Bir koleksiyon seçin açılır menüsüne tıklayın ve dinamik öge sayfanıza bağlı koleksiyonu seçin.
- Oluştur'a tıklayın.
- Editörün sol çubuğundaki CMS simgesine
- Veri kümesi ayarlarında Gösterilen maksimum öge sayısı alanına tıklayın ve 1 yazın.
- Etkileşim kutunuzdaki ögeleri bağlayın (ör. metin, görüntü, düğme) ekleyin:
- Etkileşim kutusunda ilgili ögeye tıklayın.
- CMS'ye Bağla simgesine
tıklayın. - Bağlantılar altındaki açılır menülere tıklayarak ilgili koleksiyon alanlarını veya veri kümesi eylemlerini seçin.
- Etkileşim kutunuzdaki bağlamak istediğiniz her öge için bu adımları tekrarlayın.
- Aşağıdaki kod parçacığını kopyalayın ve etkileşim kutusu kodunuzun üst kısmına yapıştırın:
1import wixWindowFrontend from 'wix-window-frontend'; import wixData from 'wix-data';
- Aşağıdaki kod parçacığını kopyalayın ve yerine yapıştırın: $w.onReady(function () {
1const getData = async () => { const id = await wixWindowFrontend.lightbox.getContext(); $w('#dataset1').setFilter(wixData.filter().eq('_id', id)); } getData();
- Yapıştırdığınız örnek koddaki veri kümesi1'i etkileşim kutusu veri kümenizin kimliğiyle değiştirin.
- İşlevselliği test etmek için sitenizi önizleyin.
- Hazır olduğunuzda sitenizi yayınlayın.