幕思城>电商行情>案例>成功案例>淘宝店铺店招模块怎么设置?尺寸是多少?(淘宝店铺装修代码怎么弄?全屏轮换怎么制作?)

    淘宝店铺店招模块怎么设置?尺寸是多少?(淘宝店铺装修代码怎么弄?全屏轮换怎么制作?)

    2023-01-08|12:11|发布在分类 / 成功案例| 阅读:51


    淘宝店铺店招模块所占据的区域并不多,不过店招模块也是很重要的,能加深买家对店铺的印象,有的卖家还特地花钱买个店招模板呢,那店招模块怎么设置?

    若您是普通会员,您可以通过旺铺装修后台-店铺装修-通用设置-基础设置-店铺招牌设置,针对店招背景图进行设置哦。

    尺寸是多少?

    默认的店招图片尺寸的高度为120像素,宽度为950像素!但是呢,店招的高度是可以自己设定的!那既然是可以定高度,那我可不可以做个150高度的店招呢?曾经有人问我说自己做了个150的高度的店招,传上去后,却发觉店铺的导航不见了?那这又是怎么一回事呢?

    淘宝店铺的店招属于页头部分,而店铺的页头呢,包含着店招和导航这两部分。页头默认的基本就是150的高度,导航呢,默认的一般都是30像素的高度!你做一个150的店招,自然就把页头的高度全部占满了,导航都被店招给挤下去了,超出了页头的高度,自然就看不见了!

    全屏店招怎么弄?

    利用页头背景图替换的功能,我们就可以做全屏的店招了!原理就是做一个950的店招,然后再做一个店招的两边延伸版,可以做到1920的宽!然后把950的店招放到延伸版店招的最上面,两者重合起来,看起来就是一个全屏店招了!

    实际上操作起来就是先把950的店招,上传到店招模块里去,然后再把店招的延伸版放到页头设置里的背景图里,然后再选择背景对齐的模式为居中就可以了!需要注意的是,你的延伸版店招往两边的加长的长度要保持一致,这样当设置背景对齐的模式为居中的时候,店招和页头背景图才不会产生错位的现象!

    淘宝店铺店招设置好发布至店铺之后,后期卖家如想修改店招的话,也是比较的简单,只需要将鼠标移至要修改的模块,然后点击模块右上方的编辑按钮就能修改了。



    淘宝店铺装修代码怎么弄?全屏轮换怎么制作?

    淘宝店铺必须要搞装修,就像我们在线下租店面开店一样,首先要做的就是装修。很多商家一般都是代码装修,这样更好控制页面的风格,一起来看看怎么弄代码装修吧。

    1. 先上全屏轮换的效果图

    阿里店铺装修全屏广告轮换效果图

    (由于画面问题,缩放显示了,正常宽度是 1920px或100%)

    2.淘宝店铺装修中全屏轮换特效的html代码

    阿里店铺装修全屏广告轮换html代码

    全屏广告轮换html代码解释:① 属性的设置,这里nav(触发切换的标签)不使用默认,对应的是.lht_nav里面的li元素,切换的面板设置为.lht_pane,上下页按钮设置如图,触发动作设置成点击触发。

    ② li的触发标签个数与lht_pane面板的数量必须要一致。

    3. 店铺装修中全屏轮换特效的CSS代码

    阿里店铺装修全屏广告轮换css代码

    全屏广告特效css部分说明:

    ① 这里涉及到一个css小技巧分享,对触发标签容器.lht设置文本居中,然后子元素设置为display:inline-block; (内联块状的意思,区别于float:left),这样里面的小模块就会在容器.lht里面居中了,这样能确保触发切换的按钮能一直画面中间。

    ② 此处只是外部的箭头图片路径地址。

    ③ .disabled类是当上下页失效(第一页和最后一页时)的特定类,小耐这里设置成不显示,也可以考虑设置成透明。

    其实,代码装修店铺还是很简单的,就这么几个步骤,就像套模板一样的套进去就行,且这样装修出来,店铺风格更加独特,不会那么呆板。不会的朋友赶紧学起来吧。

    这个问题还有疑问的话,可以加幕.思.城火星老师免费咨询,微.信号是为: msc496。

    难题没解决?加我微信给你讲!【仅限淘宝卖家交流运营知识,非卖家不要加我哈】
    >

    更多资讯请关注幕 思 城。

    发表评论

    别默默看了 登录\ 注册 一起参与讨论!

      微信扫码回复「666