繁体   English   中英

如何在opencart主题中实现引导

[英]How to implement bootstrap in opencart theme

我是Ishika Malhotra,我是opencart的新手。 我想使用bootstrap 3技术在opencart中创建自定义主题,我继续并遵循了以下几个步骤。

  1. 我复制了默认主题,并创建了一个新主题mytheme目录>>视图>>主题>>默认>>目录>>视图>>主题>>主题(从默认主题复制的css和图像以及模板文件夹)

  2. 我包括了getbootrap引导程序所需的文件

我有点困惑以引导程序开始和新主题,我在引导程序中创建了html themme,但无法在具有响应功能的opencart中创建一个新主题

我需要知道所有步骤以从psd转换为bootstrap,然后转换为opencart主题。

请指教

没有固定的步骤,只需要注意以下几点:

  • tpl文件本质上是php文件,对于您而言,只需假设它们是html文件
  • 因此, catalog/view/theme/your_theme/template中的所有文件都是您的tpl文件,您可能需要对其进行编辑
  • 您的HTML <head></head>部分位于template/common/header.tpl ,因此这是您将在其中添加(引用)bootstrap js和css文件的文件
  • 顾名思义, template/common/包含所有页面共有的部分页面的html代码。 例如页眉,页脚等
  • 将您的引导css文件放在catalog/view/theme/stylesheet/文件夹中
  • 将主题特定的图像文件放在catalog/view/theme/image/文件夹中

那应该是全部。 只需将您的tpl文件视为html文件并在那里进行样式设置即可。 只是不要在<?php ?>标记内编辑/删除任何内容

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM