OpenCart 2.x. 如何更改滑块尺寸

本教程将向您展示如何进行更改 slider openart 2中的维度.x.

OpenCart 2.x. 如何更改滑块尺寸

例如，如果你有一个850 X 540像素的图像，你想用它作为一个 slider banner，则必须用新维度替换默认维度.

1. 登录您的OpenCart管理面板，然后转到 ‘Extensions’ -> ‘Modules’ menu:

   

2. Look for a module called ‘Tm Slideshow > Tm Slideshow’ and click ‘Edit’ button:

   

3. 在下一页中，将默认尺寸(W + H)更改为新图像(i)的尺寸.e. 至850 X 540像素). Click ‘Save’:

   

4. Go to the System -> Design -> Banners menu. Find ‘slideshow’ and click ‘Edit’:

   

5. 在下一页上单击要替换的图像. 在弹出的窗口中，单击 ‘Edit’ 然后导航到 directory 新图像位于哪里. 选择图像并单击 ‘Open’:

   

6. 在图像管理器中查找图像并双击它. The thumbnail 的原始图像将被更改为您的图像. 点击右上方的“保存”:

   

7. 在Mozilla Firefox中打开站点的首页 Firebug plugin installed. 在Firebug的帮助下寻找

   如下所示(div id可能因模板号而异):

   

8. 向该类添加一个新属性 selector like width: 850px ! important (其中850px是新建的宽度 banner image). 这将防止你的形象看起来拉伸.

9. Remove float: left; 并在同一个类中再添加一个属性 selector like margin: 0 auto; 为了让你的图像居中:

   

10. 现在需要复制编辑过的类 selector 从Firebug中替换原来的 catalog/view/javascript/相机/ css /相机.css with it:

    

11. 将所做的更改保存到 camera.css file.

12. Open the tm_slideshow.TPL文件位于 目录/视图/主题/ # # # /模板/主题module/ with any code editor available. 寻找初始化 script between the two
    tags:

    

13. 因为你的新图像的宽度是850px，高度是540px，新的百分比应该是 63.52% (540/850*100=63.52). 将height: ' 63,1% '更改为height: ' 63,52% '，并保存更改.

14. Now your banner 图像应该以其新维度显示.

请随时查看下面的详细视频教程:

OpenCart 2.x. 如何更改滑块尺寸