我正在尝试修改此视图文件:https://github.com/spree/spree/blob/master/frontend/app/views/spree/checkout/edit.html.erb
我想要做的就是在这一行修改一个12到10级的课程:
<div class="columns <%= if @order.state != 'confirm' then 'alpha twelve' else 'alpha omega sixteen' end %>" data-hook="checkout_form_wrapper">
最好的方法是什么?我能想出的唯一解决方案是使用以下的deface脚本,但这似乎不是很漂亮的方式:
<!-- replace '[data-hook="checkout_content"]' -->
<div class="row" data-hook="checkout_content">
<div class="columns <%= if @order.state != 'confirm' then 'alpha ten' else 'alpha omega sixteen' end %>" data-hook="checkout_form_wrapper">
<%= form_for @order, :url => update_checkout_path(@order.state), :html => { :id => "checkout_form_#{@order.state}" } do |form| %>
<% unless @order.email? %>
<p class="field" style='clear: both'>
<%= form.label :email %><br />
<%= form.text_field :email %>
</p>
<% end %>
<%= render @order.state, :form => form %>
<% end %>
</div>
<% if @order.state != 'confirm' %>
<div id="checkout-summary" data-hook="checkout_summary_box" class="columns omega six">
<%= render :partial => 'summary', :locals => { :order => @order } %>
</div>
<% end %>
有没有其他方法可以实现我的目标?谢谢你的回答!
答案 0 :(得分:0)
您可以尝试使用deface的set attributes属性来更改该div的类的属性。
来自deface docs:
:set_attributes - 设置与所有元素匹配的属性 提供选择器,替换现有属性值(如果存在)或 如果没有则添加。期望:要传递的属性选项
对于略有不同的解决方案,您可以尝试使用CSS选择器来设置宽度:
div.twelve[data-hook="checkout_form_wrapper"] {
width: something_less_than_what_you_had_before
}