装修-全局配置：通用设置&布局设置

通用配置

1.ajax加入购物车

• 开启后，在商品详情页，将商品加入购物车（点击按钮：Add to cart），加入购物车后，页面将停留在商品详情页（右侧弹出抽屉：购物车内容）
• 关闭后，在商品详情页，将商品加入购物车（点击按钮：Add to cart），加入购物车后，页面会跳转到购物车页面

2.返回顶部按钮：显示返回顶部按钮

• 当页面下拉，右下角将显示回到顶部的按钮，点击后，页面回到顶部

3.从右到左支持

对于某些国家的文字，是从右往左读的，譬如：阿拉伯语，希伯来语。当前台商城切换成这些语言的时候，就需要页面自动左右镜像。

布局设置

对于前台商城，由很多的页面组成：首页，专辑页面，商品详情，购物车页面，自定义页面，博客等。 而每个页面，又由多个装修卡片组成，每个装修卡片，又由自己的高度和宽度。

对于装修卡片的宽度，为了维持整体风格，一般而言，三种宽度风格即可满足

• 全宽：指的是铺满屏幕，左右两边直接到屏幕两边，譬如：幻灯片图片（图片占满整个屏蔽的），就是全宽风格
• 默认宽度：指的是商城的一个默认的宽度，譬如：1200px，或者1000px。在pc下访问，很多的网站可以看到，网站的左右留白，网站只有一定的宽度，居中显示。（当然，也有全宽风格的网站）
• 特定宽度：网站的某一些特定的卡片，需要特定的宽度，太宽会影响体验，譬如：网站1200px宽度下（默认宽度），对于自定义页面，博客文章，这么宽将影响体验，因此，可以将其宽度设置为800px，在pc下的阅读体验更好

有了上面的理论基础，模版的风格设计，就设置了这么3种类型

• 全宽是自适应屏幕的最大宽度，因此不需要设置宽度了

这里设置宽度后，在卡片装修的时候，即可看到

譬如：装修卡片：富文本

譬如：商品详情页卡片：产品信息

容器类型的这个配置，对于大多数卡片都是存在的，这样，通过全局配置，以及卡片内部的容器类型，您可以对卡片进行单独的宽度的设置，已适应不同的UI要求。