无线端怎么和PC端的关联营销完美适配啊?

做关联营销到了手机端的小切片不是换行了  就变的特别大 超出屏幕了 现在不能使用代码怎么解决?
就是切好片的关联模块排成一排,电脑端和无线端都可以适配,不会出现转行和超出页面的问题,怎么操作?
 
 
 
相关标签:
已邀请:
挖掘海量数据,第一时间反映跨境电商行业的热门风向,为跨境客户提供真实客观的市场决策依据。

三千越甲

赞同来自:

有数据表明,在国外50%以上的商品购买是在无线端上进行的,因此做好无线端的产品,也成为跨境电商们需要努力的一个方向。那么影响无线端资源和排序的因素有哪些?在无线端上如何找到自己的产品?无线端常见的适配问题有哪些?如何做一个PC端和无限完美适配的详情页面呢?为了解决卖家朋友们的这些疑问,小编今天给大家带来了速卖通大学绿带讲师夏波老师关于“商品详情页面无线端适配”的课程。

课程主要分为四个部分:

一、无线端影响排序和资源获取的因素有哪些

1、PC和无线相同指标,无线门槛更高

DSR

1.png


好评率

2.png


2、PC和无线指标算法不同,无线考核无线数据

3.png


3、无线额外因素

商品图片部分需要额外注意的点:

图片清晰度、图片尺寸

文字、水印、LOGO、边框

多图、特别是细节图

主题居中,控制拼图

控制图片的K数

二、在无线端如何找自己的产品

1、无线端支持关键词搜索

4.png


2、无线端支持类目搜索

5.jpg


3、无线端支持SKU搜索

6.png


4、无线端支持产品链接二维码和店铺二维码扫码

7.png


5、无线端不支持店铺名称搜索

8.png


6、无线端不支持产品ID搜索

9.png


7、无线端不支持店铺号搜索

10.png


8、无线端不支持产品标题搜索

11.png


三、无线端一些常见的适配问题

1、图片适配问题

PC端:

12.png


无线端:

13.png


两张图进行比较,可以看出图片在PC端显示正常,在无线端则不能完全显示出来。

解决思路:在代码中找个整块的布局,修改width,改成100%或者不写。

2、表格适配问题

PC端:表格中的文字是可以选择的

14.png


无线端:在无线端不适配,表格类似图片,文字不能选择

15.png


解决思路:Table布局,width写成100%或者不写,另外外字体不要过长,单词与单词之间要用空格。

3、关联营销适配问题

PC端:点击图中的产品,都可关联出其他产品

16.png


无线端:关联营销变成一条一条的了

17.png


解决思路:在代码中用div或者Table布局,固定width,写成100%或者不写。

4、文字适配问题

PC端:这里的字体可以选择,固定了字体的样式和大小,无问题

18.png


无线端:无线端会根据你PC端的字体展示不会自动适配。

19.png


解决思路:在编辑字体的时候,不要固定字体的样式和大小。

四、如何做一个PC和无线完美适配的商品详情页

1、商品详情页面支持哪些效果

商品详情页面字体颜色支持、背景颜色支持、单元格颜色支持,边框支持、表格支持。但是,背景图片不支持。

2、产品平面效果图

20.png


3、产品网页代码分块布局方法

21.jpg


4、每个版块测试PC和无线的效果

22.png


这个版块,PC端效果正常然后测试一下无线端的效果。

23.png


通过测试可以看出,无线端这个板块有问题,需要调试这里的代码,直到完全适配。

忌恩泽

赞同来自:

手动做关联就是给自己挖坑!“三千越甲”你自己入坑算了,就别误导他人了。我店铺几千个宝贝都是用工具一键设置投放的,后期管理、结束也是一键设置,总之非常方便、智能。对了,最为关键是的:兼容PC、无线不错位!!
 

成梦思

赞同来自:

现在不是不允许使用代码了吗?怎么调试代码

要回复问题请先登录注册