如何在opencart主题中实现bootstrap

use*_*052 1 css themes opencart

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

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

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

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

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

请指教

Che*_*wal 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 ?>标签内的任何内容

  • @ user3506052作为主题设计师你不应该触摸任何控制器文件而不应该在tpl中编辑php代码 (3认同)