1

我正在尝试使用 Deface 的 DSL 向我的 home#index 添加一些内容。

我在app/overrides/spree/home/index/add_home_index_steps.html.erb.deface有一个文件， 内容如下：

<!-- insert_before 'erb:contains("content_for :sidebar do")' -->
<h1>Hola</h1>

但结果是：

<div id=wrapper" class="row" data-hook>
  <aside id="sidebar" class="columns four" data-hook>
    <div data-hook="homepage_sidebar_navigation">...</div>
  </aside>
  <div id="content" class="columns twelve" data-hook>
    <h1>Hola</h1>
    <div data-hook="homepage_products">...</div>
  </div>
</div>

我所期待的：

<div id=wrapper" class="row" data-hook>
  <h1>Hola</h1>
  <aside id="sidebar" class="columns four" data-hook>
    <div data-hook="homepage_sidebar_navigation">...</div>
  </aside>
  <div id="content" class="columns twelve" data-hook>
    <div data-hook="homepage_products">...</div>
  </div>
</div>

如果我使用 insert_after 而不是 insert_before，结果是：

<div id=wrapper" class="row" data-hook>
  <aside id="sidebar" class="columns four" data-hook>
    <h1>Hola</h1>
    <div data-hook="homepage_sidebar_navigation">...</div>
  </aside>
  <div id="content" class="columns twelve" data-hook>
    <div data-hook="homepage_products">...</div>
  </div>
</div>

我很困惑，谁能解释一下，我做错了什么。

4

1 回答 1

2

这很容易混淆，所以让我们看看发生了什么。侧边栏代码是：

https://github.com/spree/spree/blob/2d31d8a69d66e2555e00f67e3227a54a531aa6b8/frontend/app/views/spree/shared/_sidebar.html.erb

<aside id="sidebar" class="columns four" data-hook>
  <%= yield :sidebar %>
</aside>

https://github.com/spree/spree/blob/v2.1.2/frontend/app/views/spree/home/index.html.erb

<% content_for :sidebar do %>
  <div data-hook="homepage_sidebar_navigation">
    <%= render :partial => 'spree/shared/taxonomies' %>
  </div>
<% end %>

<div data-hook="homepage_products">
  <%= render :partial => 'spree/shared/products', :locals => { :products => @products } %>
</div>

当这被评估时，里面 content_for :sidebar的东西将替换yield :sidebar

你的问题是当你在做 insert_before 时。你得到这个：

<h1>Hola</h1>
<% content_for :sidebar do %>
  <!-- stuff that goes in to the sidebar -->
<% end %>

<div data-hook="homepage_products">...</div>

content_for 可以出现在此文件中的任何位置，这并不重要，因为它只是说明产量中的内容。所以在输出中，它会出现在 homepage_products div 之前，这就是你在输出中得到的。

Insert_after 执行以下操作：

<% content_for :sidebar do %>
  <h1>Hola</h1>
  <!-- stuff that goes in to the sidebar -->
<% end %>

<div data-hook="homepage_products">...</div>

所以我希望它会出现在正在产生的部分中。像这样的东西：

<aside id="sidebar" class="columns four" data-hook>
  <h1>Hola</h1>
  <!-- stuff that goes in to the sidebar -->
</aside>

这也是你所看到的。

如果您希望某些内容出现在侧边栏之前，如您的示例所示，您应该进行不同的覆盖。您应该覆盖spree/shared/_sidebar和 insert_before #sidebar。

希望这能说明问题。

于 2013-11-19T18:47:18.880 回答