打造一个外贸网站,不仅需要有吸引人的设计,更需要考虑用户的体验。我们的目标是从文案、设计、技术等多个维度出发,构建一个以用户体验为中心、以询盘为导向的营销型外贸网站。让您的客户在短时间内了解您的优势,快速询盘!
外贸网站建设 外贸独立站推广 跨境电商

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

时间:2026-04-20   来源:外贸网站建设

起因是客户的网站在产品详情页有很多图片,比淘宝详情页还多。然后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端和手机端独立出来,分别制作模板了。

TAG:
新闻推荐
屏蔽AI抓取,防止流量大增导致服务器卡顿
屏蔽AI抓取,防止流量大增导致服务器卡顿

第一步:robots.txt 配置User-agent:GPTBotDisallow:/User-agent:ClaudeBotDisallow:/User-agent:anthropic...

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

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

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

给一个客户做的网站,详情页中七八十张图片。所以需要处理加载过慢的问题。现在使用懒加载的方式来处理。&l...

网站后台复制文章不能远程下载图片, 居然是PHP环境的问题。
网站后台复制文章不能远程下载图片, 居然是PHP环境的问题。

最近发现一些网站在复制别的文章的时候,远程本地化图片的时候不能本地化。下面来说一下如何处理这个问题:...

开启外贸时代,欢迎留言!
留言您的联系方式,我们会第一时间联系您!

Top