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的,我創建了一個視圖(塊),並把它命名爲「特色產品」。我添加了兩個字段 - 圖像和標題。請檢查所附的屏幕截圖。
做同樣的,我已經創建了一個名爲視圖文件「的意見,視場 - 新-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?
感謝