Shopify eklentisi için gelişmiş ürün ve koleksiyon görüntüleme kişiselleştirmeleri

Bu gelişmiş ayarlar, WordPress'teki dijital vitrininizi ve işletme markanızı kişiselleştirmenize, ayrıca müşterilerinizin satın alma deneyimini geliştirmenize yardımcı olur.

Shopify eklentisi ve Shopify dijital vitrin bileşenleri

Shopify eklentisi, Shopify Storefront Web Components ile oluşturulmuştur. Aşağıdaki bileşenler, Shopify dijital vitrininizin yapı taşları olarak kullanılır:

• Ürün Kartı Bileşeni: Bu bileşen, genellikle ürün girişlerinde veya koleksiyon sayfalarında görüntülenen bireysel ürün bilgilerini gösterir. Genellikle ürün görseli, başlık, fiyat ve Sepete ekle düğmesi gibi öğeler içerir.
• Ürün Hızlı Görünüm Kalıcı Pencere Bileşeni: Bu bileşen, mevcut içeriğin üzerinde ürün bilgileri, Sepete ekle düğmesi ve tüm ürün bilgilerini görüntülemek için bir bağlantı içeren bir kalıcı pencere görüntüler.
• Ürün Bilgileri Sayfası Bileşeni: Bu bileşen, tüm ürün bilgileriyle birlikte tek bir ürünü görüntüler. Her ürün bilgileri sayfası bileşeninin benzersiz bir URL'si vardır.
• Koleksiyon Bileşeni: Bu bileşen, oluşturduğunuz ürün koleksiyonlarını görüntüler.

Shopify ürün ve koleksiyon görüntüleme kişiselleştirmesi

Eklentinizdeki varsayılan Shopify dijital vitrin bileşenleri, sorunsuz bir alışveriş deneyimi oluşturmaya yardımcı olacak araçlara sahiptir. Ayrıca, bu bileşenlerin görüntüsünü belirli marka kimliğiniz ve tasarım gerekliliklerinizle uyumlu olacak şekilde kişiselleştirme esnekliğine de sahipsiniz.

Bu tür kişiselleştirmeleri yapmak için WordPress tema dosyalarınızı ve dizinlerinizi değiştirme erişiminizin olması gerekir. Süreç, etkin WordPress temanızın dizininde özel bir klasör oluşturmayı içerir.

Adımlar:

1. Shopify klasörünü oluşturma: Etkin temanızın dizininde doğrudan Shopify adlı yeni bir klasör oluşturarak başlayın. Bu klasör, özel bileşen geçersiz kılmalarınız için merkezi konum işlevi görür.
2. Bireysel Bileşenleri Geçersiz Kılma: Belirli bir bileşeni değiştirmek için, yeni oluşturulan Shopify klasörünün içine belirlenmiş bir ada sahip bir PHP dosyası ekleyin. Bu geçersiz kılma dosyaları için adlandırma kuralı, eklentinin özel sürümlerinizi tanıması ve uygulaması için çok önemlidir:
   • Ürün Kartı Bileşeni'ni geçersiz kılmak için Shopify klasöründe product-card.php adlı bir PHP dosyası oluşturun.
   • Ürün Hızlı Görünüm Kalıcı Pencere Bileşeni'ni geçersiz kılmak için Shopify klasöründe modal.php adlı bir PHP dosyası oluşturun.
   • Ürün Bilgileri Sayfası Bileşeni'ni geçersiz kılmak için Shopify klasöründe pdp.php adında bir PHP dosyası oluşturun.
   • Koleksiyon Bileşeni'ni geçersiz kılmak için Shopify klasöründe component.php adında bir PHP dosyası oluşturun.

Özel PHP dosyanız oluşturulduktan sonra eklenti, ilgili öğe için varsayılan bileşen dosyasını yoksayar. Bu geçersiz kılma dosyalarında, statik HTML bloklarından karmaşık PHP mantığına kadar her türlü kodu uygulayabilirsiniz.

Tutarlılık ve yerleşik Shopify işlevlerine erişim için (varsayılan eklenti yapısında kullanıldığı gibi) Shopify Dijital Vitrin Web Bileşenleri'nden yararlanmanız önemle tavsiye edilse de bunlarla sınırlı değilsiniz. Gelişmiş kişiselleştirmelere olanak tanımak amacıyla, ürün ve koleksiyon verilerini getirmeye ve görüntülemeye yönelik başka yöntemler entegre edebilirsiniz.

Daha fazla bilgi ve en iyi uygulamalar için WordPress eklentisi geliştirici belgelerine bakın.

Shopify ürün ve koleksiyonlarının yeniden yazılması

Shopify'da bir ürün veya koleksiyon yayınladığınızda her ürünün ve koleksiyonun benzersiz bir URL'si olur. Varsayılan olarak bu URL'ler, Shopify alan adınızla oluşturulur. Yeniden yazma işlevi sayesinde, bu benzersiz URL'lere herkese açık WordPress alan adınızla erişebilirsiniz.

Adımlar:

1. Shopify eklentisinden Ayarlar'a gidin.
2. Gelişmiş sekmesindeki Shopify bağlantılarını yeniden yazma bölümünde yer alan iki onay kutusunun da etkinleştirildiğinden emin olun.
3. Kalıcı Bağlantı'ya gidin.
4. Bu yeni kuralı uygulamak için Kaydet'e tıklayın.
5. Shopify yöneticinize gidin ve ardından, WordPress bağlantısı oluşturmak istediğiniz ürün veya koleksiyon bilgileri sayfasına ilerleyin.
6. Arama motoru liste kaydı kartında, müşterileri doğrudan ürününüze veya koleksiyonunuza bağlayan bir URL görüntülenir. Örneğin: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. WordPress sitenizin URL'sinin sonuna products/huskee-reusable-cup ifadesini ekleyin. Örneğin: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Ürün kartı davranışını kişiselleştirme

Shopify dijital vitrin bileşenlerinde iki tür ürün bilgileri kartı bulunur:

1. Hızlı görünüm: Müşteri, ürün kartının üzerine geldiğinde Hızlı Alışveriş seçeneğini görür. Bu seçeneğe tıklandığında ürün bilgileri, arka plandaki mevcut içeriğin üzerinde pop-up veya mod stilinde görüntülenir.
2. Ayrıntılı ürün sayfası: Müşteri, ürün kartına (ör. görsele veya ürün adına) tıkladığında ürün bilgileri, benzersiz bir URL ile tam sayfa görünümünde görüntülenir.

Bu ayarı yalnızca hızlı görünümü, yalnızca ayrıntılı ürün sayfasını veya her ikisini birden görüntüleyecek şekilde değiştirebilirsiniz.

Adımlar:

1. WordPress'teki Shopify eklentisinden Ayarlar'a gidin.
2. Gelişmiş sekmesinden Ürün Görünümü bölümüne gidin.
3. Mağazanız için en uygun seçeneği belirleyin.
4. Kaydet'e tıklayın.