html5手机电商网页设计代码_手机端电商首页设计

手机端电商首页要用到的系统模块分为3大类：宝贝类、图文类、以及营销互动类。

宝贝类

①单列宝贝。单列宝贝的模块只能够使用一次，在使用中可以添加6个宝贝和链接。系统直接调取PC端宝贝主图，不能进行手动设置，模块使用的大小不受限制。

②双列宝贝。双列宝贝不受模块的使用限制，可以手动添加宝贝标题、链接、自动推荐，也可以通过价格、关键词、排序规则、类目来筛选宝贝。自动推荐可以更合理地根据主推宝贝优先选择，系统直接调取PC端宝贝主图，不能进行手动设置。

③宝贝排行。宝贝排行是自动调取PC端高销量、高人气的宝贝，不能进行手动设置。如果PC端热销宝贝较多，可以使用该模块来吸引买家，如果没有销量建议不要添加该模块。

④搭配套餐。搭配模块不能进行手动设置，系统自动调取PC端的数据。也就是说，如果在PC端店铺里使用了官方的搭配关联套餐，添加该模块以后才会显示。

图文类

①标题模块。在标题模块可以设置20字以内的标题，也可以为该标题添加链接，,让用户点击该模块后，打开一个新的页面。一般来说店铺里首页大多数都是图片，我们可以使用标题模块来将产品图划分区域。

②文本模块。文本模块是所有模块中唯一不能添加超链接的模块，利用文本模块可以对店铺进行介绍，相当于PC端的公告栏模块。模块中文案可以自由发挥。

③单列图片。在单列图片模块中可以自定义产品图片，利用该模块能够展现出卖家所需产品图，也可以添加超链接，跟PC端首页的海报图有同等功效。

④双列图片。在双列图片模块中可以自定义产品图片，这是手机店铺不可缺少的模块这一，利用该模块可以做宝贝的分类、优惠券的领取等。

⑤多图。多图模块最多只能添加6张图片，最少不能少于3张，而且不能使用超过两次。

⑥辅助线。辅助线主要用来提升两个模块之间的层次感，如果相邻两个模块的色调过于接近就可以使用辅助线来间隔。

⑦焦点图模块。焦点图是手机端首页的重要模块，相当于PC端的首焦图。该模块最好放在手机端首页的第一屏，做得亮眼一些，能给买家留下深刻的印象。

⑧左文右图。左文右图是手机端首页的必备元素，相当于PC端的标语模块，可以划分区域，使商品信息更加清晰地展现给买家。

营销互动类

①电话。电话可输入手机号和座机号码，便于买家联系卖家。

②活动。活动不能进行手动设置，最多可以添加一个活动信息，系统自动调取活动数据。