Drupal 7 自定义视图主题答案

【问题标题】：Drupal 7 customize view themeDrupal 7 自定义视图主题
【发布时间】：2015-09-28 11:40:06
【问题描述】：

我的 HTML 如下：

        <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 中，我创建了一个视图（块）并将其命名为“特色产品”。我添加了两个字段 - 图像和标题。请检查随附的屏幕截图。

完成同样的操作后，我创建了一个名为“views-view-field--new-uc-products--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">
			<div class="container">
					<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>
								</div>
</div>

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

谁能告诉我如何自定义视图模板，以便它可以显示我想要的 HTML？

谢谢

【问题讨论】：

标签： drupal-7 drupal-views drupal-theming

【解决方案1】：

转到 admin/structure/views/settings 并进行这些设置

然后转到您的视图并在高级下，您将拥有主题：信息。单击它，您将看到一个 tpl 文件列表，您可以根据需要更改 html。

【讨论】：