
起因是客戶(hù)的網(wǎng)站在產(chǎn)品詳情頁(yè)有很多圖片,比淘寶詳情頁(yè)還多。然后PC端和手機(jī)端又是獨(dú)立分開(kāi) 的,單PC端或者手機(jī)端圖片就多達(dá)40張。
如果做響應(yīng)式加載的話(huà),同時(shí)要加載80張圖片。
所以我們需要的是在PC端只加載PC端的圖片,在手機(jī)端只加載手機(jī)端的圖片。
最好的解決方案,群里的劉小白大佬給出的標(biāo)簽,在官方標(biāo)簽中是沒(méi)有的:
{pboot:if({fun=is_mobile()}==1)}
這是手機(jī)
{else}
這是電腦
{/pboot:if}這是最簡(jiǎn)單最方便的。
如果以上方案無(wú)法解決,可以使用PHP和函數(shù)來(lái)處理:
自定義兩個(gè)函數(shù):
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()) {
// 輸出手機(jī)端 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}如果以上兩個(gè)方案都無(wú)法解決,那就只有將PC端和手機(jī)端獨(dú)立出來(lái),分別制作模板了。
有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理
15899750475 楊先生