簡體   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