shopex商派页面模板修改之页面分析

作者：Davidszhou 来源:SEO优化博客时间:2015-04-17 14:46:43 点击：

      shopex商派系统也许是出于安全考虑或者是自己代码保密，我们买的是商派分销王，使用商派服务器，找人做的一个模板。在我们客户手中能参加shopex模板修改的权限也就是仅仅局限在商派后台的“编辑模板”。
      仅有的权限也就在这里，我也就只能从这里先分析页面结构与后台模板关系。
      先从首页开始：
      后台查看首页的源代码，点击“源码编辑”模式（PS：一共有两种编辑模式，除了这一种还有一个“可视编辑”模式，这个模式有点类似于阉割掉的DZ的DIY功能，不能编辑框架一级）如图，注意划红线的位置：

      除了前面的“widgets”，翻译过来是“部件，工具”之意，难道这就是刚进来板板告诉我的商派挂件？继续分析后面的id="**"这个我们差不多都能看懂，DIV的选择符，每一个挂件的id选择符都不相同，进行区别。
      验证猜想的途径就是实验。
      我准备在列表页添加“点击排行”和“最新产品”，需要先添加“widgets”挂件，添加挂件位置，应该怎么描述呢？DIV布局都应该知道了解一些，先分析整体页面DIV布局和布局样式。
      列表页如图：
            shopex商派页面模板修改之页面分析
      原先是编号一部分占据了整个页面部分，宽是1000px,现在我需要把第一部分宽度缩小，加入右部编号二部分，估算一下，原来总宽度1000px,我在右部添加一个“最新产品”板块250PX，那这样编号一部分宽就变成了750px,编号一、二部分中间在添加一个10PXmargin的间距，所以决定右侧编号2部分宽为240px;至于为何编号2部分由250px变成240px?后面详说。