Sepet çekmecesine özel HTML veya CSS ekleyin

Önce renkler, görseller ve metinler için yerleşik ayarları kullanın. Özel HTML ve CSS, kendi işaretlemenizi veya stilinizi gerektiren değişiklikler için kullanılabilir.

Özel HTML bloğu ekleyin

1. Sepetinizi düzenleyin ve Sepet bölümünü açın.
2. İçerik veya alt bilgi alanında Özel HTML ekle seçeneğini kullanın.
3. İşaretlemeyi HTML alanına girin, ardından bloğu sürükleme tutamacıyla bu alan içinde konumlandırın. Alan, satır numaraları ve renkli etiketler bulunan bir kod düzenleyicisidir; Biçimlendir girintiyi düzenler.
4. Düzeni inceleyin, kaydedin ve mağazayı kontrol edin.

Her alan için en fazla 10 Özel HTML bloğu ekleyebilirsiniz. Düzenleyici, blok başına en fazla 10.000 karakter kabul eder; tüm sepet yapılandırmasının da bir boyut sınırı vardır.

Özel CSS ekleyin

Stil bölümünü açın, en alta kaydırarak Gelişmiş bölümünü açın ve Özel CSS seçeneğini açın. Kuralları, temanızın geri kalanını istemeden yeniden biçimlendirmemeleri için örneğin #bxc-drawer kullanarak çekmeceyle sınırlandırın. Mevcut CSS'yi değiştirmeden önce bir kopyasını saklayın. Alan en fazla 10.000 karakter kabul eder.

Alan bir kod düzenleyicisidir: CSS'nizi renklendirir, yazarken özellik adları önerir ve okuyamadığı bir kuralı kırmızıyla işaretler, böylece eksik bir ayraç kaydetmeden önce görünür. Biçimlendir girintiyi düzenler.

Basit bir not deneyin

Bu örnek bir marka notu ekler. İçeriği için HTML bloğunu kullanın:

<p class="aurelia-cart-note">
  <strong>Aurelia Botanicals</strong><br>
  Everyday skincare essentials.
</p>

Ardından nota sol kenarlık vermek için Özel CSS'ye kapsamı sınırlandırılmış bir kural ekleyin:

#bxc-drawer .aurelia-cart-note {
  border-left: 3px solid #334fb4;
  padding-left: 12px;
}

Notu, ürün kontrollerini ve ödeme düğmesini masaüstünde ve telefonda kaydedip kontrol edin.

Önizleme ve mağaza davranışı farklıdır

Önizleme, özel HTML düzenini gösterir ancak komut dosyalarını ve etkileşimli öznitelikleri kaldırır. Mağazada özel işaretleme tema kodu gibi işlenir. Eklenen sıradan <script> etiketleri otomatik olarak çalıştırılmaz, bu nedenle bu alan genel amaçlı bir komut dosyası yükleyicisi değildir.

Yalnızca anladığınız veya geliştiricinizle inceleyip onayladığınız kodu yapıştırın. Öğe ekleme ve ödeme işlemini açma dahil olmak üzere yayınlanan sonucu masaüstünde ve mobilde kontrol edin. Bir değişiklikten sonra çekmece bozulursa özel kodu kaldırın, yeniden kaydedin ve tekrar test edin.