佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享

MAXGO佛山卫浴五金网站采用WordPress 框架进行搭建,可以添加多个产品进行产品询价,点击查看 MAXGO佛山卫浴五金网站

网站截图:

WordPress卫浴网站主题-产品分类页佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

WordPress卫浴网站主题-产品详情页

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

WordPress卫浴网站主题-联系我们页

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

技术总结:

1.网站悬浮按钮

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

网站悬浮客服按钮,使用Sticky Buttons插件来实现,免费版的不支持设置超链接在新窗口打开,可以使用js来强制指定的链接新窗口打开:

您可以将以下代码添加到您的子主题的 functions.php 文件中

// 第2个悬浮按钮新窗口打开
function open_third_link_in_new_window() {
    if (is_page()) {
        ?>
        <script>
        jQuery(document).ready(function($) {
            var $links = $('.sticky-buttons a');
            $links.eq(1).attr('target', '_blank'); //eq(1),1可以控制是第几个新窗口,如果是第一个超链接,就把1改为0
        });
        </script>
        <?php
    }
}
add_action( 'wp_footer', 'open_third_link_in_new_window' );

2.WordPress Woocommerce 商品列表页显示SKU

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

您可以将以下代码添加到您的子主题的 functions.php 文件中

// 列表显示SKU
add_action( 'woocommerce_before_shop_loop_item_title', 'display_product_sku', 5 );

function display_product_sku() {
    global $product;

    if ( $product->get_sku() ) {
        echo '<div class="product-sku">' . $product->get_sku() . '</div>';
    }
}

3.使用父级分类调用子分类,构建复杂导航

WordPress 导航上填写父级的id,直接调用父级以下所有子分类,就不用傻傻的一个个创建固定文字和链接来支撑了,后台改页面文字,前台也自动更新名称和链接。

开发中的运用效果:

有一些父级分类还是需要人工去手动干预,不过比挨个创建固定数据好太多了。

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

您可以将以下代码添加到您的子主题的 functions.php 文件中

function get_woocommerce_category_children($atts) {
    ob_start();

    // 获取父级分类ID
    $atts = shortcode_atts( array(
        'parent' => '',
    ), $atts );

    $parent_id = $atts['parent'];

    // 检查是否提供了父级分类ID
    if (empty($parent_id)) {
        return;
    }

    // 获取父级分类对象
    $parent_cat = get_term($parent_id, 'product_cat');

    // 获取父级分类下的子分类
    $child_args = array(
        'taxonomy' => 'product_cat',
        'child_of' => $parent_id,
        'hide_empty' => false,
    );
    $child_cats = get_categories($child_args);

    // 输出子分类链接和文字
    if (!empty($child_cats)) {
        echo '<ul>';

        foreach ($child_cats as $child_cat) {
            echo '<li><a href="' . get_category_link($child_cat) . '">' . $child_cat->name . '</a></li>';
        }

        echo '</ul>';
    }

    $output = ob_get_clean();
    return $output;
}
add_shortcode('subcategories', 'get_woocommerce_category_children');

短代码调用:

[subcategories parent="父级分类id"]

如何找到父级别分类的id?

在编辑父级分类中的URL中可以找到

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

4.产品详情页新增一个资料下载

在产品详情中新增一个Tabs选项卡,并且添加下载按钮(仅限Flatsome主题):

只需要修改 text.pdflink 中的超链接即可下载

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

前台效果:

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

按钮调用短代码:


    text.pdf
  



    text.pdf
  

这里也可以通过acf pro自定义字段插件来实现,不过还需要一个插件就舍弃了。

所用插件:

1.Sticky Buttons

网站添加悬浮客服按钮

2.Variation Swatches for WooCommerce

WordPress卫浴网站主题-产品分类页

3.Simple Admin Language Change

WordPress卫浴网站主题-产品分类页

4.LiteSpeed Cache

WordPress缓存神器

5.Products Quotation For WooCommerce

产品批量报价

WordPress卫浴网站主题-产品详情页

强大的SEO插件,更好的被Google收录,Wordpress外语网站必备插件

 

Google Speed评分

你想提高分数和优化访问速度,可以移至:https://dakwp.com/blog/946 进行了解

佛山卫浴五金 MAXGO – 批量商品询盘WordPress网站开发过程分享-大可建站

如果您也需要一个WordPress五金外贸网站开发,欢迎联系

建站咨询