Avada WooCommerce oluşturucuyla bir e-Ticaret nasıl oluşturulur?

Çevrimiçi bir mağaza kurmaya gelince, WooCommerce başvurulacak plugin . Çevrimiçi bir mağaza kurmak ve işiniz biter bitmez ürünlerinizi satmaya başlamak son derece 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 benzemesini de sağlar.  

Avada tamamen size web sitenizin görünümünü kişiselleştirme yeteneği vermekle ilgilidir; bu, WooCommerce entegrasyonundan farklı değildir. 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.
  • Avada Sayfa Seçenekleri her ürün için 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. 

Öncelikle Avada'ya wooCommerce kurmamız gerekiyor.

WooCommerce Kurulumu – Adım Adım Talimatlar

Avada > Plugin / Eklentiler'e gidin aşağıdaki ekran görüntüsünde gösterildiği gibi plugin arayın

Adım 1 – WooCommerce plugin .

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. İleriye atlamak 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!' butonuna tıklayarak bir 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 komutları ve talimatları izleyin. İşiniz bittiğinde 'İlk Ürününüzü Oluşturun' butonuna 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 Mağaza Sayfası Nasıl Atılı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 olanak tanıyan 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 nedenden dolayı iptal ederseniz, herhangi bir WooCommerce sayfasının sol üst köşesinde bulunan Yardım menüsünden Kurulum Sihirbazı'nı seçerek Kurulum Sihirbazı'na her zaman dönebilirsiniz. pencere.

WooCommerce Ayarları – WooCommerce > Ayarlar > Ürünler – Ürünler sekmesine gidip 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üleyecektir.

WooCommerce > Ayarlar > Gelişmiş konumunda bulunan Gelişmiş Sekmesinde yapılandırılabilir .

Ürünlerinizi Oluşturmak

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. Ürünle ilgili tüm bilgiler bu bölümde görüntülenecektir.

Adım 4 Ürün Verileri ' kutusunu tüm ürün bilgileriyle doldurun Örneğin amp seçeneklerdir.

Adım 5 – ' Ürün Kısa Açıklaması ' kutusuna, ana görsellerinizin yanında görünecek, ürününüzün kısa 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 doldurulmalıdır.

Adım 7 Tek bir resim yerine resim galerisi kullanmak istiyorsanız Ürün Galerisi kutusuna daha fazla resim ekleyin

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üze 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 Layouts kullanıyorsanız Avada > Seçenekler > WooCommerce > Genel WooCommerce > WooCommerce Ürün Resimleri Yakınlaştırma seçeneğinde veya Woo Genel sekmesinde > Ürün Resimleri WooCommerce Düzenlerini kullanıyorsanız yakınlaştırın.

WooCommerce Ürün Resimleri Genişliği – Ana Resim Genişliğiniz (aşağıdaki ayarlara bakın) ve yüklenen resmin gerçek boyutunun Avada > Seçenekler > WooCommerce > Genel WooCommerce > WooCommerce Ürün Resimleri Genişliği veya Ürün Resimleri Maksimum Genişlik ayarından Woo Ürün Resimleri Öğesinde. Tek bir ürün galerisi için konteyner sütununun genişliği seçtiğiniz ayarlara göre belirlenecektir. Gerekli ayarlamaları yaptıktan sonra WooCommerce ana görüntünüzün genişliğini ayarlamaya hazır olacaksınız.

WordPress Ana Resim Genişliği – WooCommerce Ana Resim Genişliği ayarı, WordPress web sitenizin Özelleştiricisinde bulunabilir. WordPress kontrol panelinden Görünüm > Özelleştir > WooCommerce > Ürün Resimleri ; burada Ana Resim Genişliği ayarını bulacaksınız; 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 da o kadar büyük olur. Açıklığa kavuşturmak gerekirse, WooCommerce ayarlarındaki görsel boyutu Avada'nın global seçeneklerindeki görsel genişliğiyle eşleşiyorsa, fare sayfadaki görselin üzerine getirildiğinde yakınlaştırma görülmeyecektir. Ayrıca yüklediğiniz görselin boyutu, web sitenizin tasarımındaki Ana Resim Genişliği ayarıyla aynı veya bundan daha büyük olmalıdır.

WooCommerce görsel boyutlarını değiştirdikten sonra küçük resimlerinizi yeniden oluşturduğunuzdan emin olun; Bu, yeni görsel boyutlarınızı web sitenize önceden yüklenmiş olan tüm görsellere uygulayacaktır. Bunu gerçekleştirmek için Küçük Resimleri Yeniden Oluştur plugin kullanabilirsiniz.

WooCommerce'de Ürün Görsel Boyutu Ayarlarını Ayarlama.

WooCommerce, mağazanın Katalog ve Tek Ürün görselleri bölümlerinde ürün görsellerinin boyutunu ayarlamaya yönelik seçenekler içerir. Ayrıca WooCommerce mağazanız tarafından kullanılan görsel boyutlarıyla birlikte çalışan belirli Avada ayarları da 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 görsellerin kaynakta WooCommerce ayarlarınızda belirtilen görsel boyutlarından daha küçük olduğunu varsayalım. Bu durumda, mağaza sayfalarınızın ön kısmında bazı görsel düzen farklılıkları fark edebilirsiniz; Bu hiçbir şekilde bir hata değildir. Bunun nedeni, resimlerinizin WooCommerce ayarlarının onları etkileyemeyeceği kadar küçük olmasıdır. Bu ayarları görsel boyutları açısından görsellerinizin maksimum genişlik ve yükseklik değerleri olarak düşünebilirsiniz. Belirtilen sınırın altına düşen hiçbir şey yeniden boyutlandırılmayacaktır.

Mağazanızı yapılandırırken hem WooCommerce görsel boyutu ayarlarının hem de görsellerinizin gerçek boyutunun dikkate alındığından emin olun. Özetle görselleriniz, WooCommerce mağazanızdaki görsel boyutu ayarlarıyla aynı boyutta veya bundan daha büyük olmalıdır.

Resim boyutu ayarlarınızda yapılacak herhangi bir değişiklik, sitenize önceden yüklenmiş olan resimler üzerinde etkili olabilmesi için küçük resimlerinizi yeniden oluşturmanızı gerektirecektir. Bu nedenle, Küçük Resimleri Yeniden Oluştur plugin kullanılması önemle tavsiye edilir. Ayrıca görüntü boyutları aşağıdaki adımlar kullanılarak ayarlanabilir:

Adım 1 Sitenizi özelleştirmeye başlamak için yönetici kenar çubuğunuzda ' Görünüm ' sekmesine ve ardından ' Özelleştir

Adım 2 Sayfanın üst kısmındaki WooCommerce sekmesine gidin

Adım 3 Ürün Görselleri altında bulunabilir .

Adım 4 – Görselleri tek ürün sayfalarınıza yüklediğinizde ana görsel genişliği seçeneğini seçin. Küçük resim genişliği, katalogdaki ürünlerinizin küçük resimlerinin 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 bulunan plugin . Öncelikle Küçük Resimleri Yeniden Oluştur plugin WP Yöneticisi > Araçlar gidin ; burada görsel küçük resimlerinizi yeniden oluşturarak yeni görsel boyutları oluşturmayı seçebilirsiniz.

Hanson F.

yakın zamanda Gönderilenler

Elementor ile üstbilgiler ve altbilgiler nasıl kullanılır?

Bir web sitesinin üstbilgileri ve altbilgileri temel unsurlardır. Çoğu durumda, Başlık gezinmeyi sağlar…

6 Ocak 2022

WordPress tema karşılaştırması: Astra vs OceanWP

Piyasadaki en popüler WordPress temalarından ikisi Astra ve OceanWP'dir. Profesyonel…

2 Ocak 2022

WordPress haber teması karşılaştırması: Gazete vs. Astra

Mükemmel bir haber sitesi oluşturmak, web tasarımcısı olmanızı gerektirmez. Biz…

25 Ekim 2021

Gazete Teması ile haberlerle ilgili bir web sitesi oluşturun

Gazete teması, tagDiv tarafından tasarlanan en önemli WordPress temalarından biridir.

18 Ekim 2021

Elementor ile yapışkan başlık ve kaydırma efektleri nasıl kullanılır?

Başlık genellikle bir kişinin web sitenizi ziyaret ettiğinde gördüğü ilk şeydir,…

21 Eylül 2021

Avada Üstbilgi, Altbilgi ve sütun düzeni oluşturucu nasıl kullanılır?

Kendi sayfa oluşturucumuz Avada Builder artık iki arayüzde mevcut: Avada…

16 Eylül 2021