MAXGO佛山卫浴五金网站采用WordPress 框架进行搭建,可以添加多个产品进行产品询价,点击查看 MAXGO佛山卫浴五金网站
网站截图:
WordPress卫浴网站主题-产品详情页
WordPress卫浴网站主题-联系我们页
技术总结:
1.网站悬浮按钮
网站悬浮客服按钮,使用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
您可以将以下代码添加到您的子主题的 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,直接调用父级以下所有子分类,就不用傻傻的一个个创建固定文字和链接来支撑了,后台改页面文字,前台也自动更新名称和链接。
开发中的运用效果:
有一些父级分类还是需要人工去手动干预,不过比挨个创建固定数据好太多了。
您可以将以下代码添加到您的子主题的 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中可以找到
4.产品详情页新增一个资料下载
在产品详情中新增一个Tabs选项卡,并且添加下载按钮(仅限Flatsome主题):
只需要修改 text.pdf 和 link 中的超链接即可下载
前台效果:
按钮调用短代码:
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 进行了解
如果您也需要一个WordPress五金外贸网站开发,欢迎联系