jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: 产品

Browse Source 
refactor: 产品详情页seo
This commit is contained in:
jsasg
2025-04-24 10:21:45 +08:00
parent b64b1ef02a
commit 96ee2dda93
43 changed files with 592 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/index/view/product/detail.html
View File

@@ -3,9 +3,9 @@
{notempty name="product.seo_title"}<title>{$product.seo_title}</title>{else /}{__BLOCK__}{/notempty}
{/block}
{block name="seo"}
{notempty name=""}
{notempty name="product.seo_keywords"}
<meta name="keywords" content="{$product.seo_keywords}" />
<meta name="description" content="{$product.seo_description}" />
<meta name="description" content="{$product.seo_desc}" />
{else/}
{__BLOCK__}
{/notempty}
@@ -29,13 +29,14 @@
<div class="cp">
<!--左边图片 -->
<div class="cpfl">
{if condition="!empty($product.video_img) && !empty($product.video_url)"}
<div class="preview" id="preview{$sku.id}">
{volist name="product_skus" id="sku" key="idx"}
<div class="preview" id="preview{$sku.id}" {neq name="idx" value="1"}style="display:none"{/neq}>
{if condition="!empty($product.video_img) && !empty($product.video_url) && $idx == 1"}
<div class="smallImg">
<!-- 小图片预览 -->
<div id="imageMenu">
<ul class="image_list">
<li id="onlickImg"><img src="{$product.video_img}" /></li>
<li id="onlickImg"><img src="{:thumb($product.video_img)}" /></li>
</ul>
</div>
</div>
@@ -45,20 +46,13 @@
<source src="{$product.video_url}" type="video/mp4"/>
</video>
</div>
</div>
{/if}
{volist name="product_skus" id="sku" key="idx"}
{if condition="!empty($product.video_img) && !empty($product.video_url)"}
<div class="preview" id="preview{$sku.id}" style="display:none">
{else /}
<div class="preview" id="preview{$sku.id}" {neq name="idx" value="1"}style="display:none"{/neq}>
{/if}
{/if}
<div class="smallImg">
<!-- 小图片预览 -->
<div id="imageMenu">
<ul class="image_list">
{volist name="sku.photo_album" id="thumb_image"}
<li id="onlickImg"><img src="{$thumb_image}" /></li>
{volist name="sku.photo_album" id="photo"}
<li id="onlickImg"><img src="{:thumb($photo)}" /></li>
{/volist}
</ul>
</div>
@@ -125,12 +119,34 @@
</div>
<!-- 产品介绍详情-->
<div class="oriprInfo">
<div class="titleprinfo">{:lang('product_detail.detail_section_title')}</div>
<div class="titleprinfo">
<a href="#detail">{:lang('product_detail.detail_section_title')}</a>
<span>|</span>
<a href="#related">{:lang('product_detail.related_products')}</a></div>
<!-- 富文本渲染-->
<div class="products_des">
<div class="products_des" id="detail">
{$product.detail|default=''|raw}
</div>
</div>
<!-- 相关产品 -->
{notempty name="product_related"}
<div id="related">
<p>{:lang('product_detail.related_products')}</p>
<div>
<ul>
{volist name="product_related" id="related"}
<li>
<a href="{:url('product/detail', ['id' => $related.id])}">
<img src="{$related.cover_img}" alt="{$related.name}" />
<p>{$related.name}</p>
<p>{$related.spu}</p>
</a>
</li>
{/volist}
</ul>
</div>
</div>
{/notempty}
<!-- 弹框-->
<div id="form_modal" class="XJmodal">
<div class="XJmodal-content">