Menu linklerini ekleme

Çerçeve ekleme

Menu linkleri çerçevesinin içerisine Elementler kısmından bir Çerçeve ekleyin ve üzerine sağ tıklayarak Stili Temizle işlemini uygulayın. Ardından aşağıdaki stil özelliklerini güncelleyin:

gap
overflow
scroll-snap-type
scrollbar-width

Veri ekleme

Sağ kısımın en üstünde yer alan Veri Ekle butonuna tıklayın. Açılan modaldan Link List veri tipini seçin. Görünen adını Menu Links olarak güncelleyin ve varsayılan olarak Anasayfa, Ürünler ve İletişim sayfalarını ekleyin.

Varsayılan değerler

Varsayılan olarak eklediğiniz sayfalar, bölüm detayında veya yeni bir header eklendiğinde bu değerlerle birlikte gelir. Kullanıcı bu verileri dilediği gibi değiştirerek kullanmaya devam edebilir.

Link List veri yapısı

Link List veri yapısı iç içe maksimum 3 kırılım girilecek şekilde tasarlanmıştır. Bu örnekte yalnızca ilk kırılımın listelenmesi gösterilmektedir.

Veri bağlama

Eklediğiniz çerçeveye sağ tıklayarak Veri Bağla kısmından menuLinks > links verisini seçin. Açılan modalda List Component Name alanına MenuLinks yazın ve Kaydet'e basın.

Item içeriğini yapılandırma

Oluşan liste element'ine çift tıklayarak item seviyesine inin. İlk element'i seçerek Elementler kısmından bir Yazı element'i ekleyin. Sağ kısımdaki İçerik alanına tıklayarak Veri Bağla seçeneğinden menuLinksItem > label verisini seçin. Ardından font-weight ve color stillerini güncelleyin.

Link ve koşul bağlama

İlk element'i seçerek sağ kısımdaki Link altında bulunan href alanına tıklayın. Veri Bağla seçeneğinden menuLinksItem > href verisini seçin. Temaya ekli olan sayfalar link olarak eklenebilir.

Sayfalar

Sayfalar hakkında daha detaylı bilgi için Sayfalar sayfasını inceleyebilirsiniz.

Ardından Open in new tab kısmına sağ tıklayarak Koşul Ekle seçeneğini seçin. Veri Bağla altından menuLinksItem > openInNewTab verisini bağlayın.

Koşullar

Koşullar hakkında daha detaylı bilgi için Koşullar sayfasını inceleyebilirsiniz.

Sonuç

Menu linklerini header bölümüne eklemiş oldunuz. Artık kullanıcılar bu linkleri içerik modunda düzenleyerek kendi sayfalarına yönlendirebilirler.