如何在阿里巴巴店铺详情页顶部添加通栏自定义内容

释放双眼,带上耳机,听听看~!

1688店铺的详情页顶部添加通栏自定义内容,如下图: 算了 没找到图 想象一下吧 你肯定看到过某些店铺的pc 端产品详情页面的顶部有很大一块广告位。废话不多说 直入正题:

1.打开店铺后台——旺铺——装修——装修旺铺(PC)

2.进入页面管理——产品详情页面——装修页面

3.键盘快捷键F12 或者 鼠标右键 审查元素

4. 快捷键Ctrl+F打开搜索框 搜索关键词“通栏”

5.在<!–1:4–> 位置 点击鼠标右键 选择 Edit as HTML 或者编辑HTML

6.粘贴以下代码

<div id="site_user_segment_3772-box" class="segment-box segment-box-fluid segment-box-op-insertable segment-box-op-deletable segment-box-op-movable segment-box-enable segment-box-op-movable-up segment-box-op-movable-down">	<div class="segment-header op-insertable op-deletable op-movable"><div class="segment-title">全屏布局</div><div class="segment-bar"><a href="#" class="up">上移</a><a href="#" class="down">下移</a><a href="#" class="switch">切换</a><a href="#" class="delete">删除</a></div><a href="#" class="segment-fly-adder">添加布局</a></div><div class="segment-content"><div id="site_user_segment_3772" class="segment layout layout-fluid" data-hive-type="layout" data-segment-id="site_user_segment_3772" data-layout-type="fluid"><div class="region region-type-fluid ui-portlets" data-hive-type="box" data-region-type="fluid" data-region-index="0"><div class="box-adder"><a href="#">添加版块</a></div></div></div></div>	<div class="segment-footer"><div class="segment-adder"><a href="#">添加布局</a></div></div></div>

7.点击打开页面布局设置

就会出现一个全屏布局的板块 这个时候在里面添加板块即可

好了 教程到此结束,其他的操作和正常装修店铺一样。

操作过程中有问题的话留言评论

给TA买糖
共{{data.count}}人
人已赞赏
内部干货

怎么搞 详情页的源代码解析

2020-9-16 18:25:47

内部干货阿里巴巴

【1-1】第一课:人性控制训练(上集)

2020-9-22 11:32:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索