Ç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'i kurmamız gerekiyor.
- WooCommerce Kurulumu – Adım Adım Talimatlar
- Web Sitenize Mağaza Sayfası Nasıl Atılır?
- Ürünlerinizi Oluşturmak
- Ürün Yakınlaştırma Efekti oluşturma
- WooCommerce'de Ürün Görsel Boyutu Ayarlarını Ayarlama.
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 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 tümü olası 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 Ürün Resimleri Öğesi 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 Görselleri Öğ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 Plugin bölümünde bulunan plugin kullanmanız gerekecektir . Ö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.
