Magento的自定義頭文件

我對Magento很陌生。我使用HTML和CSS設計了一個主題。我想將我的自定義標題添加到magento中。將遵循什麼程序？Magento的自定義頭文件

任何人都可以告訴我在magento中整合頁眉/頁腳和主要內容的分步過程嗎？

尋找一個卓有成效的答覆

感謝

Teekeybee

HTML代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>TeeKeyBee | Demo Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.css" rel="stylesheet" media="screen"> 
    <link href="css/custom.css" rel="stylesheet" media="screen"> 
    </head> 
    <body> 
    <div class="container"> 

     <div class="row"> 
      <header class="header-container"> 
      <img src="img/logo.png"/> 
      <div class="row top-links"> 
       <div class="span8"></div> 
       <div class="span2 borderr">Register | Login</div> 
       <div class="span2">Cart 0 &euro; 0.00</div> 
      </div> 
      <div class="row top-menu"> 
       <div class="span2"><img src="img/side_logo.png"/></div> 
       <div class="span10">Home | About Us | Services | Gallery | Contact Us</div> 
      </div> 

      </header> 


     </div> 

    </div><!-- End Container --> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

CSS代碼：

.header-container { 
    width: 100%; 
    height: auto; 
    min-height: 50px; 
    background: #000; 
} 

.top-links { 
    width: 100%; 
    height: 40px; 
    background: #f8f8f8; 
    margin: 0 auto; 
} 

.top-menu { 
    width: 100%; 
    height: 40px; 
    background: #b6b6b6; 
    margin: 0 auto; 
} 



.borderr { 
    box-sizing: border-box; 
    border-right: 1px solid #c9c9c9; 
}

來源

2014-02-27 KrisB

請添加您的Magento版本。請參閱http://www.magentocommerce.com/knowledge-base/entry/magentos-theme-hierarchy – mike

請添加鏈接到您下載的主題。 – mike

magento 1.8.1.0 – KrisB

好像你はnt創建Boostraped Magento主題？爲了節省您的工作量，您應該重寫頁眉和頁腳模板。因爲我不知道你做了什麼，這裏有從一開始的步驟：

創建模板和皮膚文件夾：由於您使用CE你幾乎想把這些在：應用程序/設計/前端/默認/ your_theme和皮膚/前端/默認/ your_theme
在admin中更改設置以指向您的新主題：這是在管理系統>配置>常規>設計>主題中完成的。改變這些值來「your_theme」

css文件通過佈局文件添加到主題：在應用程序/設計/前端/默認/ your_theme /佈局/ local.xml中

<?xml version="1.0"?> 

<layout version="0.1.0"> 
    <default> 
     <reference name="head"> 
      <action method="addItem"> 
       <type>skin_js</type> 
       <script>js/jquery.js</script> 
      </action> 
      <action method="addItem"> 
       <type>skin_js</type> 
       <script>js/bootstrap.min.js</script> 
      </action> 
      <action method="addItem"> 
       <type>skin_css</type> 
       <name>css/bootstrap.css</name> 
      </action> 
      <action method="addItem"> 
       <type>skin_css</type> 
       <name>css/custom.css</name> 
      </action> 
     </reference> 
     </default> 
</layout>

css文件去皮膚/前端/默認/ your_theme/CSS/

JS文件進去皮膚/前端/默認/ your_theme/JS/

覆蓋header.phtml：複製應用程序/設計/前端/默認/ d efault/template/page/html/header.phtml到app/design/frontend/default/your_theme/template/page/html /。你會注意到這個模板看起來沒有你所擁有的標題。再次，您將通過使用那裏的內容並操縱它來節省您的大量工作。

有很多操縱其他模板來做你想問什麼。但這至少會讓你開始。

來源

2014-02-27 20:27:39 russjman

另外....模板提示是你的朋友 – russjman

Magento的自定義頭文件

回答

相關問題