2015-09-28 128 views
0

我有如下的HTML:Drupal 7的自定義視圖主題

 <div class="top-grids"> 
     <div class="container"> 
      <div class="col-md-4 top-grid text-center"> 
       <div class="top-grid-pic"> 
        <img src="images/pic01.png" title="Boots" /> 
        <span>Boots</span> 
       </div> 
       <div class="top-grid-pic-info"> 
        <a href="single-page.html">Seeall</a> 
       </div> 
      </div> 
      <div class="col-md-4 top-grid text-center"> 
       <div class="top-grid-pic"> 
        <img src="images/pic02.png" title="Boots" /> 
        <span>Casual</span> 
       </div> 
       <div class="top-grid-pic-info"> 
        <a href="single-page.html">Seeall</a> 
       </div> 
      </div> 
      <div class="col-md-4 top-grid text-center"> 
       <div class="top-grid-pic"> 
        <img src="images/pic03.png" title="Boots" /> 
        <span>Formal</span> 
       </div> 
       <div class="top-grid-pic-info"> 
        <a href="single-page.html">Seeall</a> 
       </div> 
      </div> 
      <div class="clearfix"> </div> 
     </div> 
    </div> 

在Drupal 7的,我創建了一個視圖(塊),並把它命名爲「特色產品」。我添加了兩個字段 - 圖像和標題。請檢查所附的屏幕截圖。

enter image description here

做同樣的,我已經創建了一個名爲視圖文件「的意見,視場 - 新-UC-產品 - block.tpl.php」,寫的代碼如下:

<div class="top-grids"> 
     <div class="container"> 
       <?php print $output; ?> 

     </div> 

,並把這個 '模板' 文件夾下。

現在我看到了Drupal站點和包含以下HTML結構中的查看源文件:

<div class="view-content"> 
 
     <table class="views-table cols-0" > 
 
     <tbody> 
 
      <tr class="odd views-row-first"> 
 
        <td > 
 
      
 
<div class="top-grids"> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t \t <div class="col-md-4 top-grid text-center"> 
 
<div class="top-grid-pic"><div class="product-image"><div class="main-product-image"><a href="http://localhost/uberdrupal/sites/default/files/styles/uc_product_full/public/515sRCSoS9L._SX331_BO1%2C204%2C203%2C200_.jpg?itok=lji5BBNF" title=""><img typeof="foaf:Image" src="http://localhost/uberdrupal/sites/default/files/styles/uc_product/public/515sRCSoS9L._SX331_BO1%2C204%2C203%2C200_.jpg?itok=4Exqjiv3" alt="" title="" /></a></div></div> 
 
\t \t \t \t \t \t \t \t </div> 
 
</div> 
 

 
      </td> 
 
        <td class="views-field views-field-title" > 
 
      
 
<div class="top-grids"> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t \t <span>Twisted</span> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <div class="top-grid-pic-info"> 
 
\t \t \t \t \t \t <a href="single-page.html">See All</a> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> \t \t \t \t \t \t \t \t </div> 
 
</div>

有人可以告訴我怎麼可以自定義視圖模板,以便它可以根據需要顯示HTML?

感謝

回答

0

轉到管理/結構/視圖/設置,這些設置 Settings

然後轉到您的觀點和高級下,你將有主題:信息。點擊它,你會看到一個tpl文件列表,你可以根據需要更改html。