如何在opencart主题中实现bootstrap

时间:2014-04-13 03:52:55

标签: css themes opencart

我是Ishika Malhotra,我对opencart很新。我想使用bootstrap 3技术在opencart中制作自定义主题,我继续按照以下几个步骤进行操作。

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

  2. 我在getbootrap中包含了bootstrap所需的文件

  3. 我对启动和使用bootstrap的新主题感到困惑,我在bootstrap中创建了html,但却无法在opencart中创建一个具有响应功能的新主题

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

    请告知

1 个答案:

答案 0 :(得分:7)

没有固定的步骤,您需要处理的事情很少:

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

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