Question

我正在学习Spree商业并尝试使用Deface覆盖着陆页。我需要覆盖的文件是：的 热潮/前端/应用/视图/礼包/家/ 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">
      <% cache(cache_key_for_products) do %>
        <%= render :partial => 'spree/shared/products', :locals => { :products => @products } %>
      <% end %>
    </div>

我创建了一个部分：的 应用程序/视图/家/ _landing.html.erb

我从 app / override / landing.rb 中调用它，如下所示：

    Deface::Override.new(virtual_path: 'spree/home/index',
            replace: '[data-hook="homepage_products"]',
            name: 'landing-products',
            partial: 'home/landing')

    Deface::Override.new(virtual_path: 'spree/home/index',
            name: 'landing-sidebar',
            remove: '[data-hook="homepage_sidebar_navigation"]')

问题是它被插入 spree / frontend / app / views / spree / layouts / spree_application.html.erb 在容器内＆gt;行＆gt; col-md-12中，只需要在导航栏和容器外部直接放置它。如何使用Spree最佳实践完全覆盖着陆（无需更改所有其他视图）？

    <!--[if lt IE 7 ]> <html class="ie ie6" lang="<%= I18n.locale %>"> <![endif]-->
    <!--[if IE 7 ]>    <html class="ie ie7" lang="<%= I18n.locale %>"> <![endif]-->
    <!--[if IE 8 ]>    <html class="ie ie8" lang="<%= I18n.locale %>"> <![endif]-->
    <!--[if IE 9 ]>    <html class="ie ie9" lang="<%= I18n.locale %>"> <![endif]-->
    <!--[if gt IE 9]><!--><html lang="<%= I18n.locale %>"><!--<![endif]-->
      <head data-hook="inside_head">
        <%= render partial: 'spree/shared/head' %>
      </head>
      <body class="<%= body_class %>" id="<%= @body_id || 'default' %>" data-hook="body">
        <%= render partial: 'spree/shared/google_analytics.js' %>
        <%= render partial: 'spree/shared/header' %>

        <div class="container">
          <div class="row" data-hook>
            <%= breadcrumbs(@taxon) %>

            <%= render partial: 'spree/shared/sidebar' if content_for? :sidebar %>

            <div id="content" class="<%= !content_for?(:sidebar) ? "col-sm-12" : "col-sm-8 col-md-9" %>" data-hook>
              <%= flash_messages %>
              <%= yield %>
            </div>

            <%= yield :templates %>
          </div>
        </div>
      </body>
    </html>

Answer 1

这样做的方法是创建一个新文件 app / views / layout / landing.html.erb

覆盖 HomeController
的 应用程序/控制器/礼包/ home_controller_decorator.rb

module Spree class HomeController < Spree::StoreController layout 'landing' helper 'spree/products' respond_to :html def index @searcher = build_searcher(params.merge(include_images: true)) @products = @searcher.retrieve_products @taxonomies = Spree::Taxonomy.includes(root: :children) end end end

狂欢自定义登陆页面

1 个答案: