FecMall Fecbo扩展-安装和配置

FecMall Fecbo 扩展安装和配置

准备工作READY

1.安装Fecyo扩展,详细参看:Fecyo 安装

2.安装Wallet扩展,详细参看:Walletyo扩展-关于和介绍

3.安装本扩展,应用市场地址:http://addons.fecmall.com/21687967

关于如何安装应用,详细参看文档:Fecmall应用市场-安装应用扩展文档

Fecbo配置

1.Store设置(配置第三方模板路径)

1.1网站配置 --> Appfront配置 --> Store配置

编辑,弹出框,第三方模板路径: @fecbo/app/appfront/theme/fecbo,@walletyo/app/appfront/theme,@fecyo/app/appfront/theme/fecyo

1.2网站配置 --> Apphtml5配置 --> Store配置

编辑,弹出框,第三方模板路径: @fecbo/app/apphtml5/theme/fecbo,@walletyo/app/apphtml5/theme,@fecyo/app/apphtml5/theme/fecyo

Fecbo Appfront配置

1.首页大图

配置:(后台:CMS -> 静态块)

标识符:pc-home-big-img

标题:PC:首页大图

内容:

<div class="www51buycom">                
	<ul class="lbtop">                    
		<li style="height: 100%;width: 100%;background: url('{{imgBaseUrl}}/addons/fecbo/f7b3180ddbd64c67a740f9c8b345b2fb.jpg')50% 50% no-repeat;">                        
			<a href="{{homeUrl}}" id="indexa165" target="_blank"></a>                    
		</li>                    
		<li style="height: 100%;width: 100%;background: url('{{imgBaseUrl}}/addons/fecbo/871b6f5e845f48c2bcc9b315bfe3c88d.jpg')50% 50% no-repeat;">
			                        <a href="{{homeUrl}}" id="indexa170" target="_blank"></a>                    
		</li>                    
		<li style="height: 100%;width: 100%;background: url('{{imgBaseUrl}}/addons/fecbo/27d364f47b4b47a3992fa50a3526dd99.jpg')50% 50% no-repeat;">                        
			<a href="{{homeUrl}}" id="indexa175" target="_blank"></a>                    
		</li>                
	</ul>                
	<ul id="numul" class="numul">                    
		<li>
		</li>                    
		<li>
		</li>                    
		<li>
		</li>                
	</ul>            
</div>

2.首页品牌列表

后台:产品分类 --> 产品管理 --> 产品品牌

这里添加品牌

3.首页广告banner

配置:(后台:CMS -> 静态块)

标识符:pc-home-top-market

标题:PC:首页顶部四张广告图

内容:

<ul class="guanggaoimgul">                    
	<li>
		                        <a href="">                            <img src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/8ae2.jpg" alt="" />                        </a>                    
	</li>                    
	<li>                        
		<a href="">                            <img src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/ff9e.jpg" alt="" />                        </a>                    
	</li>                    
	<li>                        
		<a href="">                            <img src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/b806.jpg" alt="" />                        </a>                    
	</li>                    
	<li>                        
		<a href="">                            <img src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/956ac.jpg" alt="" />                        </a>                    
	</li>                  
</ul>

4.首页一楼部分

4.1左侧文字部分

配置:(后台:CMS -> 静态块)

标识符:pc-home-floor1-left-items

标题:PC:首页一楼左侧子项

内容:

<li>                                
	<a href="" title="" target="_blank">                                    液氮罐                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    药品阴凉柜                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    微量元素                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    尘埃粒子                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    经皮黄疸仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    酶标仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    红光治疗仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    酶标仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    血液冷藏箱                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    全自动酶免分析系统                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    药品冷藏箱                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    水浴锅                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    高压蒸汽灭菌器                                </a>                            
</li>                            

4.2右侧产品图片

后台:网站配置 -> 首页产品配置 Chaoliu Top Sku1

5.首页二楼部分

5.1左侧文字部分

配置:(后台:CMS -> 静态块)

标识符:pc-home-floor2-left-items

标题:PC:首页二楼左侧子项

内容:

<li>                                
	<a href="" title="" target="_blank">                                    液氮罐                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    药品阴凉柜                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    微量元素                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    尘埃粒子                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    经皮黄疸仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    酶标仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    红光治疗仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    酶标仪                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    血液冷藏箱                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    全自动酶免分析系统                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    药品冷藏箱                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    水浴锅                                </a>                            
</li>                            
<li>                                
	<a href="" title="" target="_blank">                                    高压蒸汽灭菌器                                </a>                            
</li>                            

5.2右侧产品图片

后台:网站配置 -> 首页产品配置 Chaoliu Top Sku2

6.首页产品-发现好货部分

后台:网站配置 -> 首页产品配置 Hot Product Skus

7.首页底部文字

配置:(后台:CMS -> 静态块)

标识符:pc-footer-text

标题:PC:底部Footer文字条款

内容:

<div class="foot-nav2020">    
	<ul>        
		<li class="foot-item2020">            
			<div class="lab_service2020">                
				<img class="lazyload lab_service_safety2020" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/afterservice2020.png" alt="" />                <span class="lab_service_txt2020">品质保障</span>                 <span class="lab_service_info2020">正品保障  品牌货源</span>            
			</div>        
		</li>        
		<li class="foot-item2020">            
			<div class="lab_service2020">                
				<img class=" lazyload lab_service_safety2020" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/select2020.png" alt="" />                <span class="lab_service_txt2020">专业选型</span>                <span class="lab_service_info2020">更多选型  服务支持</span>            
			</div>        
		</li>        
		<li class="foot-item2020">            
			<div class="lab_service2020">                
				<img class="lazyload  lab_service_safety2020" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/pay2020.png" alt="" />                <span class="lab_service_txt2020">支付保障</span>                 <span class="lab_service_info2020">安全支付  下单无忧</span>            
			</div>        
		</li>        
		<li class="foot-item2020">            
			<div class="lab_service2020">                
				<img class="lazyload  lab_service_safety2020" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/sale2020.png" alt="" />                <span class="lab_service_txt2020">售后完善</span>                 <span class="lab_service_info2020">双重售后  省时省力</span>            
			</div>        
		</li>    
	</ul>
</div>
<div class="footer" style="width: 100%; margin: 0 auto;background-color:#f6f6f6;">    
	<div class="bottom-2016">        
		<div class="footcon">            
			<dl class="botcon1">                
				<dt class="b_title">
					购物指南
				</dt>                
				<dd class="b_con">                    
					<div>
						<a href="" rel="nofollow">搜索商品</a>
					</div>                    
					<div>
						<a href="" rel="nofollow">发票问题</a>
					</div>                    
					<div>
						<a href="">全部品牌</a>
					</div>                
				</dd>            
			</dl>            
			<dl class="botcon2">                
				<dt class="b_title">
					付款方式
				</dt>                
				<dd class="b_con">                    
					<div>
						<a href="" target="_blank" rel="nofollow">银行汇款</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">支付宝支付</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">微信支付</a>
					</div>                
				</dd>            
			</dl>            
			<dl class="botcon3">                
				<dt class="b_title">
					网上下单
				</dt>                
				<dd class="b_con">                    
					<div>
						<a href="" target="_blank" rel="nofollow">购物车</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">用户中心</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">订单查询</a>
					</div>                
				</dd>            
			</dl>            
			<dl class="botcon4">                
				<dt class="b_title">
					售后服务
				</dt>                
				<dd class="b_con">                    
					<div>
						<a href="" target="_blank" rel="nofollow">支付保障</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">双重售后</a>
					</div>                    
					<div>
						<a href="" target="_blank" rel="nofollow">7天退货</a>
					</div>                
				</dd>            
			</dl>            
			<div class="clear">            
			</div>        
		</div>    
	</div>    
	<div class="foot" style="color: #666;">        
		<div class="links">            
			<a href="" rel="nofollow" target="_blank">在线文档</a>|            <a href="" rel="nofollow" target="_blank">商城资讯</a>|            <a href="" rel="nofollow" target="_blank">关于我们</a>|            <a href="" rel="nofollow" target="_blank">联系我们</a>|            <a href="" rel="nofollow" target="_blank">全部应用</a>|            <a rel="nofollow" target="_blank" href="">售后工程师</a>|            <a rel="nofollow" target="_blank" href="">器械数据库</a>|            <a href="" rel="nofollow" target="_blank">法律声明</a>        
		</div>    
	</div>
</div>

Fecbo Apphtml5配置

1.首页大图部分

配置:(后台:CMS -> 静态块)

标识符:h5-home-big-img

标题:HTML5:首页大图

内容:

<div class="aui-slide-node aui-slide-node-middle aui-slide-node-center" style="border-radius:10px;background-color:#205cb9">                
	<div class="aui-content aui-padded-15" style="border-radius:10px;">
		                    <a href="">                        <img src="{{imgBaseUrl}}/addons/fecbo/81bcf2dc0f5a4858a1c73fd345be8059.jpg" alt="" />                    </a>                
	</div>            
</div>                    
<div class="aui-slide-node aui-slide-node-middle aui-slide-node-center" style="border-radius:10px;background-color:#205cb9">                
	<div class="aui-content aui-padded-15" style="border-radius:10px;">                    
		<a href="">                        <img src="{{imgBaseUrl}}/addons/fecbo/f97a4ff732d448d481709679533427c4.jpg" alt="" />                    </a>                
	</div>            
</div>                               

2.首页分类banner

配置:(后台:CMS -> 静态块)

标识符:h5-home-banner-1

标题:HTML5:首页banner-1

内容:

<ul class="specialArea">        
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/yiliao.png" alt="" />           <label>医疗</label>        
	</li>        
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/haocai.png" alt="" />           <label>耗材</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/yiyao.png" alt="" />           <label>医药</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/shipinchang.png" alt="" />           <label>食品厂</label>        
	</li>        
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/disanfang.png" alt="" />           <label>第三方检测</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/xumuyangzhi.png" alt="" />           <label>畜牧养殖</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/gaoxiao.png" alt="" />           <label>高校</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/keyan.png" alt="" />           <label>科研高校</label>        
	</li>         
	<li>           
		<img class="lazyload" src="{{imgBaseUrl}}/images/lazyload.gif" data-src="{{imgBaseUrl}}/addons/fecbo/more.png" alt="" />           <label>更多</label>        
	</li>     
</ul>                            

3.首页品牌bannner

后台:产品分类 --> 产品管理 --> 产品品牌

这里添加品牌

4.首页产品

后台:网站配置 --> Apphtml5配置 --> 首页配置

5.首页底部文字

配置:(后台:CMS -> 静态块)

标识符:h5-home-footer

标题:HTML5:首页底部文本

内容:

<div class="copyright" style="padding-top:20px">        
	xxxx.CN版权所有 xxxx有限公司<br />
	 备案号:xxxx
</div>