WordPress wooCommerce temaları nasıl hazır hale getirilir

Yani, temanıza bir mağaza eklemek istiyorsunuz – inanılmaz! WooCommerce iyi bir seçimdir. Teknik olarak tüm temalar “WooCommerce ile uyumlu” çünkü bu bir eklenti. Teorik olarak, herhangi bir eklenti herhangi bir WordPress temasıyla çalışmalıdır (doğru kodlanmıştır). Bir tema geliştiricisi olarak, WooCommerce çıktısını temanız için daha uygun olacak şekilde değiştirmek veya WooCommerce ayarlarında (mağazadaki sütun sayısını değiştirmek gibi) nihai kullanıcınıza seçenekler sunmak isteyebilirsiniz. Aşağıda, temanızda Woocommerce için “daha iyi” destek sağlamak ve/veya özel tasarımınız için bir şeyler değiştirmek için kullanabileceğiniz bazı yararlı görüntüler bulacaksınız.
Önemli: Aşağıdaki birçok snippet, yalnızca Woocommerce’de bulunan işlevleri kullanır. Bu nedenle, bu parçanın yalnızca dağıtım için oluşturulan temadaki işlevinizin altında atılmadığından emin olun. Temanızı diğer kişilerle paylaşacaksanız veya satacaksanız, snippet’leri yalnızca WooCommerce eklentisi etkin olduğunda yüklenen kendi dosyalarına yerleştirdiğinizden emin olun.
WooCommerce’in temamda etkinleştirilip etkinleştirilmediğini kontrol edin, WooCommerce’in bu şekilde etkinleştirilip etkinleştirilmediğini kontrol etmek için kullanılabilecek özel bir sabit tanımlamayı seviyorum, yalnızca Woocommerce etkin olduğunda işlevleri ekleyebilir veya işlevleri çalıştırabilirim (yukarıdaki önemli mesaja bakın ” t bunu yaptı).
// wooocommerce aktif ise true döndüren yeni sabit ekle (‘wpex_wooocommerce_active’, class_exists (‘wooocommerce’)); // WOOCOMMERCE’in etkin olup olmadığını kontrol etmek (wpex_wooocommerce_active) {// bir şey yapın … // Tüm woo düzenlemelerinizle yeni bir dosya eklemek gibi. } WooCommerce desteğini bildirmek, temanıza WooCommerce desteğini “etkinleştiren” ve son kullanıcıya temanın uyumlu olmadığını söyleyen uyarıları önleyen ilk ve en önemli kısmıdır. Add_action (‘After_setup_theme’, function () {add_theme_support (‘wooocommerce’);}); CSS WooCommerce’i Şahsen Kaldır 3. 3. taraf WooCommerce eklentisiyle ilgili sorunların olasılığını önlemek için WooCommerce stilini değiştirmeyi tercih ederim. Bununla birlikte, tüm Woocommerce stillerini silmek istiyorsanız, yol çok kolaydır. Aşağıdaki destek WooCommerce’in tüm stillerini silmektir: // Tüm woo stilleri add_filter (‘wooCommerce_enqueue_styles’, ‘__return_empty_array’); Bu snippet, belirli CSS stillerinin koşullu bir şekilde ortadan kaldırılmasına bir örnektir: işlev wpex_remove_woo_styles ($ styles) {unset ($ styles [‘wooCommerce-genel’]); Unset ($ Styles [‘WooCommerce-Layout’]); Unset ($ Styles [‘WooCommerce-SmallScreen’]); $ Styles Return; } add_filter (‘wooocommerce_enqueue_styles’, ‘wpex_remove_woo_styles’); WooCommerce 3.0’daki WooCommerce, Zoom & Lightbox (V3.0+) ürün galerisini etkinleştirin Yeni Ürün Galerisi, Zoom ve Lightbox’ı tanıtıyorlar. Temanızda kullanmak istiyorsanız, bunların hepsi “Add_theme_Support” aracılığıyla etkinleştirilmelidir.
add_theme_support (‘WC-Ürün-Gallery Clider’); add_theme_support (‘WC-Ürün-Gallery-Zoom’); add_theme_support (‘WC-Ürün-Gallery-Lightbox’); Mağaza başlığını silin Birçok temanın, bu kodun WooCommerce’den CSS aracılığıyla gizlemekten daha iyi olan ek başlıkları silmesi için arşiv başlığını görüntüleme işlevi vardır. add_filter (‘wooocommerce_show_page_title’, ‘__rereturn_false’); Mağaza için Arşiv Başlıkını Değiştir Temanız Arşiv başlığınızı görüntülemek için archive_title () veya get_archive_title () işlevini kullanıyorsa, toko.function wpex_woo_archive_title arşivi yerine ürün sayfanızın adını almak için filtreden kolayca değiştirebilirsiniz. ($ title) {if (is_shop () && $ shop_id = wc_get_page_id (‘Shop’)) {$ title = get_the_title ($ shop_id); } return $ title; } add_filter (‘get_the_archive_title’, ‘wpex_woo_archive_title’); Değiştirme Mağazalarda sayfa başına görüntülenen ürün sayısı, ürün mağazalarında ve ürün arşivlerinde (kategoriler ve etiketler) sayfa başına kaç ürünün görüntülenmesini değiştirmek için kullanılır. // wooocommerce dükkanı sayfa başına değiştirme işlevi wpex_woo_posts_per_page ($ cols) {return 12; } add_filter (‘loop_shop_per_page’, ‘wpex_woo_posts_per_page’); Satır başına mağazalarda görüntülenen sütun sayısını değiştirin WooCommerce’ın neden bu şekilde çalıştığını anlamıyorum, ancak sadece ‘LOOP_SHOP_COLUMUNS’ filtresini değiştiremezsiniz, ayrıca sütunun çalışması için gövde etiketine benzersiz bir sınıf eklemeniz gerekir. Woo Shortodes, mağaza avlusuna ait olmayan doğru sınıfa sahip bir diva sargısına sahip olsa da, bu yüzden iki işleve ihtiyacımız var.
// dükkan sütunlarını değiştir wpex_woo_shop_columns ($ sütunlar) {return 4; } add_filter (‘loop_shop_columns’, ‘wpex_woo_shop_columns’); // mağaza sütunları için doğru gövde sınıfı ekle wpex_woo_shop_columns_body_class ($ sınıflar) {if (is_shop () || is_product_category () || } dönüş $ sınıfları; } add_filter (‘body_class’, ‘wpex_woo_shop_columns_body_class’); Bir sonraki sayfa okunu değiştirin ve daha önce bu görüntü, temanızdaki sayfaya eşleşecek şekilde sayfalandırma okunu değiştirmenize izin verecektir. -Left “> ‘; $ args [‘next_text’] = ‘ ‘; Dönüş $ args; } add_filter (‘wooocommerce_pagination_args’, ‘wpex_woo_pagination_args’); Satış Rozeti Metnini Değiştirme Farklı diller kullanan sitelerde veya büyük bir hayran olmadığım ünlem işaretlerini ortadan kaldırmak için çok kullanışlıdır. İşlev wpex_woo_sale_flash () {return ‘ ‘. ESC_html __ (‘Satış’, ‘WooCommerce’). ”; } add_filter (‘wooocommerce_sale_flash’, ‘wpex_woo_sale_flash’); Ürün galerinizin sütun mini görüntüsünü değiştirin, düzeninize bağlı olarak tek bir ürün galerisi mini görüntüsü için sütun sayısını değiştirmek isteyebilir ve bu işlev bunu yapacaktır.
İşlev wpex_woo_product_thumbnails_columns () {return 4;} Add_action (‘wooocommerce_product_thumbnails_columns’, ‘wpex_woo_product_thumbnails_columns’);Değişiklik Görüntülenen ilgili ürünlerin sayısı, tek bir ürün sayfasında ilgili ürünler için görüntülenen ürün sayısını değiştirmek için kullanılır.// İlgili ürünleri 4 ürün işlevini görüntülemek için ayarlayın WPEX_WOO_RELATED_POSTS_PER_PAGE ($ args) {$ args [‘Posts_per_page’] = 4;Dönüş $ args;} add_filter (‘wooocommerce_output_related_products_args’, ‘wpex_woo_related_posts_per_page’);İlgili bölümler için satır başına sütun sayısını değiştirin ve ürünlerin satışı mağazalarla aynı şekilde, ilgili ürünler ve yukarı satılan ürünler için sütun sayısını doğru bir şekilde değiştirmek istiyorsanız, sütunu filtrelemeniz ve ayrıca değiştirmeniz gerekir uygun içerik sınıfı.
// Filtre up-Sells sütunları işlevi wpex_woo_single_loops_columns ($ sütunlar) {return 4; } add_filter (‘wooocommerce_up_sels_columns’, ‘wpex_woo_single_loops_columns’); // Filtre ile ilgili args işlevi wpex_woo_related_columns ($ args) {$ args [‘sütunlar’] = 4; Dönüş $ args; } add_filter (‘wooocommerce_output_related_products_args’, ‘wpex_woo_related_columns’, 10); // sütun sınıfı işlevi eklemek için gövde sınıflarını filtreleyin wpex_woo_single_loops_columns_body_class ($ sınıflar) {if (is_singular (‘ürün’)) {$ classs [] = ‘sütunlar-4’; } dönüş $ sınıfları; } add_filter (‘body_class’, ‘wpex_woo_single_loops_columns_body_class’); Menünüze Dinamik Tramvay Bağlantıları ve Tramvay Ücretleri Ekleyin Bu görüntüler menünüze sepetinizdeki ürünlerin maliyetini görüntüleyen bir Wooocommerce sepet öğesi ekleyecektir. Ayrıca siteniz yazı tiplerini etkinleştirirse, küçük bir alışveriş çantası simgesi görüntülenir. Önemli: Bu işlevler, maliyeti güncellemek için Ajax’a bağlı olduğu için IS_ADMIN () açısından sarılmamalıdır. IS_ADMIN () doğru ve yanlış değerleri geri yüklediğinde işlevin kullanılabilir olduğundan emin olmalısınız.

// Menü işlevine sepet bağlantısını ekleyin wpex_add_menu_cart_item_to_menus ($ öğeler, $ args) {// Menü konumunuza ‘wpex_main’ değiştirdiğinizden emin olun !!!! if ($ args-> tema_location === ‘wpex_main’) {$ css_class = ‘menü-öğesi menü-öğe-öğe-kart menü-item-type-woocommerce-card’; if (is_cart ()) {$ css_class. = ‘current-menu-item’; } $ öğeler. = ‘
‘; $ öğeler. = wpex_menu_cart_item (); $ öğeler. = ‘
‘; } dönüş $ öğeleri; } add_filter (‘wp_nav_menu_items’, ‘wpex_add_menu_cart_item_to_menus’, 10, 2); // işlev Ana menü sepeti bağlantı işlevini döndür wpex_menu_cart_item () {$ output = ”; $ cart_count = wc ()-> cart-> cart_contents_count; $ CSS_Class = ‘WPEX-MENU-CARD-TOTAL-TOTAL WPEX-CARD-TOTAL-‘. IntVal ($ cart_count); if ($ cart_count) {$ url = wc ()-> cart-> get_cart_url (); } else {$ url = wc_get_page_permalink (‘mağaza’); } $ html = $ cart_extra = wc ()-> cart-> get_cart_total (); $ html = str_replace (‘miktar’, ”, $ html); $ output. = ‘; $ çıktı $ output. = wp_kses_post ($ html); $ output. = ‘‘; $ Çıktı döndür; } // Ajax işlevi ile sepet bağlantısını güncelleme wpex_main_menu_cart_link_fragments ($ fragments) {$ fragments [‘. Wpex-menu-card-total’] = wpex_menu_cart_item (); $ fragmanları döndür; } add_filter (‘add_to_cart_fragments’, ‘wpex_main_menu_cart_link_fragments’);