LOGO
外贸网站建设,让业务全球可达
0%
新闻中心 网络推广 网站建设 服务器相关 优化推广 首页>新闻>网站建设

PB在模板端判断是否为手机端从而选择性输出内容。

时间:2026-04-18   访问量:0

起因是客户的网站在产品详情页有很多图片,比淘宝详情页还多。然后PC端和手机端又是独立分开 的,单PC端或者手机端图片就多达40张。

如果做响应式加载的话,同时要加载80张图片。

所以我们需要的是在PC端只加载PC端的图片,在手机端只加载手机端的图片。


最好的解决方案,大佬给出的标签,在官方标签中是没有的:

{pboot:if({fun=is_mobile()}==1)}
这是手机
{else}
这是电脑
{/pboot:if}

这是最简单最方便的。


如果以上方案无法解决,可以使用PHP和函数来处理:

自定义两个函数:

  function get_content($field) {
    return '{content:' . $field . '}';
}

function get_pics($field) {
    return '{pboot:pics num=200 id={content:id} field="' . $field . '"}
        <img src="/static/images/loading.png" data-src="[pics:src]" class="w-100">
    {/pboot:pics}';
}


然后在模板中使用:

 {php}
if (is_mobile()) {
    // 输出手机端 HTML
    echo '
    <div class="wap-info">
        ' . get_content("ext_wapcontent") . '
        ' . get_pics("ext_wap") . '
    </div>';
} else {
    // 输出 PC 端 HTML
    echo '
    <div class="pc-info">
        ' . get_content("content") . '
        ' . get_pics("ext_pc") . '
    </div>';
}
{/php}



如果以上两个方案都无法解决,那就只有将PC端和手机端独立出来,分别制作模板了。

上一篇:网页图片太多,用懒加载的方式解决。

下一篇:没有了!

服务咨询
1对1咨询,专业客服为您解疑答惑
联系销售
15899750475
在线咨询
联系在线客服,为您解答所有的疑问
ARE YOU INTERESTED IN ?
感兴趣吗?

有关我们服务的更多信息,请联系项目经理

15899750475 杨先生