Bir çevrimiçi mağaza kurmak söz konusu olduğunda, WooCommerce ilk tercih edilen plugin . Bir çevrimiçi mağaza kurmak ve işiniz biter bitmez ürünlerinizi satmaya başlamak gülünç derecede basittir. Avada, WooCommerce için kapsamlı destek ve tasarım entegrasyonu sağlayarak hayallerinizdeki mağazayı yaratmanıza olanak tanırken aynı zamanda tam olarak aklınızdaki çerçeveye sahip olmasını sağlar.
Avada, size WooCommerce entegrasyonundan farklı olmayan web sitenizin görünümünü kişiselleştirme yeteneği vermekle ilgilidir. Popüler gelişmiş seçenekler ağımızı kullanarak, aşağıdakiler de dahil olmak üzere çeşitli tasarım olanakları için çok çeşitli özelleştirmeler arasından seçim yapabilirsiniz:
- WooCommerce, ana Avada Global Seçenekler Panelinden ayrı olarak kendi Avada Global Seçenekler Paneline sahiptir.
- Her ürün için Avada Sayfa Seçenekleri mevcuttur.
- Avada Builder, öğeleri sürükleyip bırakarak ürün sayfası tasarımları oluşturmanıza olanak tanır.
Avada ile e-ticaret sitenizi oluşturmak için.
İlk önce, wooCommerce'i Avada'ya kurmalıyız.
- WooCommerce Kurulumu – Adım Adım Talimatlar
- Web Sitenize Bir Mağaza Sayfası Nasıl Atanır?
- Ürünlerinizi Oluşturma
- Ürün Yakınlaştırma Efekti oluşturma
- WooCommerce'de Ürün Resmi Boyutu Ayarlarını Ayarlama.
WooCommerce Kurulumu – Adım Adım Talimatlar
Git Avada> Plugin s / Add-ons ve WooCommerce için göz plugin Aşağıdaki ekran görüntüsünde görüldüğü gibi,.
Adım 1 – WooCommerce plugin kurun .
Adım 2 – Açılır menüden 'Yükle'yi seçin.
plugin otomatik olarak yüklenecek ve etkinleştirilecektir.
Adım 3 – Bundan sonra WooCommerce Kurulum Sihirbazı görüntülenmelidir. Modern Shop veya Classic Shop gibi Woo demolarımızdan birini içe aktarıyorsanız, verilerinizi kaybetme riski olmadan bu adımı atlayabilirsiniz. İlerlemek için, açılır menüden 'Şu Anda Değil'i seçin. Woo demolarımızdan birini içe aktarmıyorsanız, 'Hadi Başlayalım!' düğmesini tıklayarak sonraki adıma geçin. Kurulum işlemini başlatmak için düğmesine basın.
Adım 4 – İşlemi tamamlamak ve mağazanız hakkında gerekli bilgileri girmek için ekrandaki istemleri ve talimatları izleyin. Bitirdiğinizde 'İlk Ürününüzü Oluşturun' düğmesine tıklayarak ilk ürününüzü oluşturmaya devam edebileceksiniz. Alternatif olarak, kurulum penceresinin altında bulunan bağlantıya tıklayarak WordPress Kontrol Panelinize dönebilirsiniz.
Web Sitenize Bir Mağaza Sayfası Nasıl Atanır?
Normal WooCommerce kurulum sürecinin bir parçası olarak, mağazanızı yapılandırmanıza ve mağaza sayfalarınızı müşterilere atamanıza izin veren Kurulum Sihirbazı başlatılmalıdır. Kurulum Sihirbazının oluşturduğu sayfalar hakkında daha fazla bilgiyi bu WooCommerce belgesinde bulabilirsiniz.
Alternatif olarak, Kurulum Sihirbazı görünmezse veya herhangi bir nedenle iptal ederseniz, herhangi bir WooCommerce sayfasındaki Yardım menüsünden Kurulum Sihirbazı'nı seçerek her zaman Kurulum Sihirbazına dönebilirsiniz. pencere.
WooCommerce Ayarları – WooCommerce > Ayarlar > Ürünler – içindeki Ürünler sekmesine giderek ve açılır menüden ana mağaza sayfası olacak sayfayı seçerek mağaza sayfasını manuel olarak ayarlayabilirsiniz WooCommerce, işleminizin bir sonucu olarak ürünlerinizi bu sayfada görüntüler.
Kalan sayfalar, WooCommerce > Ayarlar > Gelişmiş'te .
Ürünlerinizi Oluşturma
Adım 1 – WordPress Yönetici kenar çubuğunuzda Ürünler > Ürün Ekle sekmesine gidin.
Adım 2 – Sayfanın üst kısmına ürününüzün adını girin.
Adım 3 – Gönderi içeriği alanını ürün açıklamasındaki metinle doldurun. Tüm ürün bilgileri bu bölümde görüntülenecektir.
Adım 4 Ürün Verileri ' kutusunu tüm ürün bilgileriyle doldurun Örneğin, amp le, fiyat, SKU ve nakliye olası seçeneklerdir.
Adım 5 – ' Ürün Kısa Açıklaması ' kutusuna, ana resimlerinizin yanında görünecek ürününüzün kısa ve öz bir açıklamasını yazın.
Adım 6 , sayfanın sağ tarafındaki Ürün Görseli altına yerleştirilmelidir Bu, her ürün için tamamlanmalıdır.
Adım 7 Tek bir resim yerine bir resim galerisi kullanmak istiyorsanız Ürün Galerisi daha fazla resim
Adım 8 – ' Ürün Kategorileri ' kutusuna ürünleriniz için geçerli olan kategorileri girin. Ürün Etiketleri ' kutusundaki boşlukları ürününüz için uygun etiketlerle doldurun
Adım 9 – Gerekli tüm bilgileri girdikten sonra, ' Yayınla ' düğmesine tıklayın, ürün ana vitrin sayfanızda görünecektir.
Ürün Yakınlaştırma Efekti oluşturma
Avada > Seçenekler > WooCommerce > Genel WooCommerce > WooCommerce Ürün Görüntüleri Yakınlaştırma seçeneğinde veya Woo Ürün Resimleri Öğesi Genel sekmesinde WooCommerce Ürün Resimleri Yakınlaştırma seçeneğinin etkinleştirildiğinden emin olmanız gerekir Ürün Resimleri WooCommerce Layouts kullanıyorsanız yakınlaştırın.
WooCommerce Ürün Resimleri Genişliği – Ana Resim Genişliğiniz (aşağıdaki ayara bakın) ve yüklenen resmin gerçek boyutunun her ikisinin de Avada > Seçenekler > WooCommerce > Genel WooCommerce > WooCommerce Ürün Resimleri Genişliği veya Ürün Resimleri Maks. Genişliği ayarından Woo Ürün Resimleri Öğesinde. Tek bir ürün galerisi için kapsayıcı sütununun genişliği, seçtiğiniz ayarlara göre belirlenir. Gerekli ayarlamaları yaptıktan sonra, WooCommerce ana görüntünüzün genişliğini ayarlamaya hazır olacaksınız.
WordPress Ana Görüntü Genişliği – WooCommerce Ana Görüntü Genişliği ayarı, WordPress web sitenizin Özelleştiricisinde bulunabilir. WordPress panosundan, Ana Görüntü Genişliği ayarını bulacağınız Görünüm > Özelleştir > WooCommerce > Ürün Görüntüleri'ne Bu, galeride görüntülenen resmin gerçek boyutunu belirleyecektir.
Yakınlaştırma efektiniz ne kadar ayrıntılı olursa, görüntünüz için ayarladığınız görüntü boyutu o kadar büyük olur. Açıklığa kavuşturmak için, WooCommerce ayarlarındaki görüntü boyutu, Avada'nın genel seçeneklerindeki görüntü genişliğiyle eşleşirse, fare sayfadaki görüntünün üzerine geldiğinde yakınlaştırma görünmez. Ek olarak, yüklediğiniz asıl görüntünün boyutu, web sitenizin tasarımındaki Ana Görüntü Genişliği ayarıyla aynı veya daha büyük olmalıdır.
WooCommerce görüntü boyutlarını değiştirdikten sonra küçük resimlerinizi yeniden oluşturduğunuzdan emin olun; Bu, yeni resim boyutlarınızı web sitenize önceden yüklenmiş olan tüm resimlere uygulayacaktır. Bunu başarmak için Küçük Resimleri Yeniden Oluştur plugin kullanabilirsiniz.
WooCommerce'de Ürün Resmi Boyutu Ayarlarını Ayarlama.
WooCommerce, mağazanın Katalog ve Tek Ürün resimleri bölümlerinde ürün resimlerinin boyutunu ayarlamak için seçenekler içerir. Ayrıca, WooCommerce mağazanız tarafından kullanılan resim boyutlarıyla bağlantılı olarak çalışan belirli Avada ayarları vardır. Bu görüntü boyutu ayarlarını yapılandırırken, Avada genel seçenekleri ayarlarının da dikkate alınması gerektiğini unutmamak önemlidir. Bu seçeneklerin her birini daha sonra daha ayrıntılı olarak ele alacağız.
Ürünleriniz için yüklediğiniz resimlerin, kaynağında WooCommerce ayarlarınızda belirtilen resim boyutlarından daha küçük olduğunu varsayalım. Bu durumda, mağaza sayfalarınızın ön ucunda bazı görsel yerleşim farklılıkları fark edebilirsiniz; Bu hiçbir şekilde bir hata değildir. Bunun nedeni, resimlerinizin WooCommerce ayarlarının onları etkilemesi için çok küçük olmasıdır. Bu ayarları resim boyutları açısından resimleriniz için maksimum genişlik ve yükseklik olarak düşünebilirsiniz. Belirtilen sınırın altına düşen hiçbir şey yeniden boyutlandırılmaz.
Mağazanızı yapılandırırken, hem WooCommerce resim boyutu ayarlarının hem de resimlerinizin gerçek boyutunun dikkate alındığından emin olun. Özetle, resimleriniz WooCommerce mağazanızdaki resim boyutu ayarlarıyla aynı boyutta veya daha büyük olmalıdır.
Resim boyutu ayarlarınızdaki herhangi bir değişiklik, sitenize önceden yüklenmiş olan resimler üzerinde etkili olmaları için küçük resimlerinizi yeniden oluşturmanızı gerektirir. Bu nedenle, Küçük Resimleri Yeniden Oluştur plugin kullanmanız şiddetle tavsiye edilir. Ek olarak, aşağıdaki adımlar kullanılarak görüntü boyutları ayarlanabilir:
Adım 1 – Yönetici kenar çubuğunuzda, sitenizi özelleştirmeye başlamak Görünüm ' sekmesine ve ardından ' Özelleştir
Adım 2 – Sayfanın üst kısmındaki WooCommerce
Adım 3 – Tek Ürün Görselleri için Görseller ayarı, konfigürasyon penceresinin ' Ürün Görselleri ' sekmesi altında bulunabilir.
Adım 4 – Tek ürün sayfalarınıza görsel yüklediğinizde, ana görsel genişliği seçeneğini seçin. Küçük resim genişliği, katalogdaki ürünleriniz için küçük resimlerin genişliğidir. Boşlukları istediğiniz genişlik değeriyle doldurun.
Adım 5 –Görüntü boyutlarını değiştirip kaydettikten sonra küçük resimleri yeniden oluşturmak için Plugin bölümünde bulunabilecek plugin Önce Küçük Resimleri Yeniden Oluştur plugin ve ardından yeni resim boyutlarını oluşturarak küçük resimlerinizi yeniden oluşturmayı seçebileceğiniz WP Yönetici > Araçlar
