叶子网络bbs论坛

标题: opencart2.3版本首页之logo、banner、首页图上传 [打印本页]

作者: admin 时间: 2022-7-6 21:05
标题: opencart2.3版本首页之logo、banner、首页图上传
logo和icon位置：系统system---设置setting,点开图像栏目就看到logo了，点击图片，弹出编辑按钮，点编辑，选本地上传，上传后点击该图片，最后点由上角保存。(ico图标为边长20像素的正方形，稍大点也没关系，不要太大，加载会慢)

banner位置：扩展Extensions--Extensions, 点击筛选下拉箭头，选择“模组”。找到banner那个模块的名称（怎么获知名称详见“首页其他模块”），点开编辑，点击要更换的banner，弹出编辑按钮，点击后弹出图像管理器，点击从本地上传，然后点击上传的图片则选中图片，其他参数都不要改，也不要随便删掉上传入口，直接更换图片就好。换好点击右上角保存按钮。

首页其他模块：在设计Design----外观layouts里，是所有页面的清单，点击首页home里面看。这里是可以直接布局首页的，所以每个模块对应什么性质和名称都写在这里，相当于首页地图的作用，通过这里的提示，在后台找上传地方。同样，如果删掉首页模块，也在这里，点移除按钮就可以了，以后点添加模组也可以加上。

首页banner下方小广告图也叫banner，在设计desigen---banners栏目，里面有一个banner分组，点编辑就看到了。我们同时可以看到Tags也在banner里。

模块类型brands在分类catalog----制造商manufacturers里面。

首页特价产品：如果首页有特价产品推荐模块，那么设置了特价的产品自动就会到这里，不需要再单独设置首页推荐。

热销产品：是系统根据产品销量自动推荐到首页的，无法手动控制某个产品到首页。

但是我们可以在后台控制首页这个模块显示的产品数量，在扩展---扩展里面，选择模块（有的翻译成模组），里面bestsellers点编辑，可以设置首页显示个数。

作者: admin 时间: 2023-6-6 19:45
案例二
一、更换banner图片及文字。
页面布局--横幅管理，首页广告图一般都在这里更换，可以一个个点开试试就知道首页各广告图对应的名称了，因为里面可以看到图片。注意不要删除！如果实在想删哪个模块，联系我们来处理。删了再加，会损失默认格式，再也没有一开始的效果了，会很丑。

找到后点“编辑”，可以看到图片及模块上的文字，不要增加图片，一般来说框架不允许，会没地方显示，也不要删图片，删了就会留空，也不好看。改好图片及文字后点击右上方保存按钮。
注意：
1、改文字，直接改掉标记之间的文字内容就可以了，千万不要全部删光，然后重新写字，这样格式就没有了！
2、改图片，就直接点击图片，再点编辑（不要点删除），会自动跳转到上传会话框，选择合适的文件夹，或者新建文件夹并命名好，点击上方“上传按钮”，传好点击图片，就自动换过来了。

二、更改首页页面布局。

在插件管理--插件管理，选择“模块管理”，可以看到大部分的首页模块和通用模块都在这，这里一般不是更换图片及文字用的，而是更改首页模块布局或者设置模块里内容的数量和尺寸用的。注意：我们不要自主增减模块和更改模块的尺寸，如果要改动，先联系我们，由我们来改动，模块上的改动容易造成页面混乱，再也恢复不到一开始调整好的样子。

布局设置如图：

注意不要删模块，再加模块，原模块可能有一些内容填写在里面，删了再加就空了，样式肯定乱。比如这个模块，就有标记填在里面。
如图：

作者: admin 时间: 2024-6-2 14:29
1111

QQ截图20240602142630.jpg (31.81 KB, 下载次数: 195)

QQ截图20240602142617.jpg (13.33 KB, 下载次数: 195)

作者: admin 时间: 2024-6-2 14:32
图片及文字更改方法：
1、先改文字，选中文字，改成自己的。千万不要全部删除，然后重新写，这样原来写好的格式就会没了，万一误删了，只要没保存，就可以ctrl+z返回，如果保存了，联系我们来恢复原来代码。
2、点击编辑器上picture按钮，新建文件夹，最好每个模块单独设置一个文件夹，用这个模块的名称来命名文件夹。
3、要上传的图片名称，不要带有中文和特殊符号，最好空格也别带，就用数字和字母简洁些，该模块的图片全选，上传到该文件夹里面。
4、找个空白的地方上传第一张图，然后点击图片，底部有一排的按钮，最左边是图片属性按钮，点击，全选复制source里面的路径。确定后，再次点击图片，底部按钮右侧是Remove image，点它，删掉这张图。
5、点击要替换的图，点击底部Image Attributes按钮，删除source里面的路径，粘贴刚复制的路径，点ok。这样就换好了第一张图。
6、点击第二张图，同样点底部图片属性按钮，粘贴路径，把图片名称改成第二张图的图片名称，点ok。就换好了第二张图。
7、依此办法依次换图。为了防止出错，最好改一部分就保存，没问题了，再继续改一部分。如果一次性全部换好再保存，一看排版错乱，就都白弄了。

8、添加链接。先复制目标页面的链接，复制域名后面的部分即可。点击图片，点击编辑器上方链接按钮，粘贴链接。

欢迎光临叶子网络bbs论坛 (https://fob0.com/)