spree_frontend 4.2.6 → 4.3.0.rc1

data/app/views/spree/shared/_main_nav_bar.html.erb

@@ -1,55 +1,73 @@
-<% if spree_navigation_data.any? %>
+<% if spree_menu.present? %>
   <div class="h-100" role="navigation" aria-label="<%= Spree.t('nav_bar.desktop') %>">
     <ul class="nav h-100 main-nav-bar">
-      <% spree_navigation_data.each do |root| %>
-        <li class="p-0 nav-item main-nav-bar-category">
-          <% has_dropdown = root[:items].present? || root[:promo_banners].present? %>
-          <% dropdown_toggle_class = has_dropdown ? "dropdown-toggle" : "" %>
-          <% data_attr = has_dropdown ? { toggle: "dropdown" } : {} %>
-          <% aria_attr = has_dropdown ? { haspopup: true, expanded: false } : {} %>
-          <%= link_to root[:title], root[:url], class: "nav-link main-nav-bar-item main-nav-bar-category-button #{dropdown_toggle_class}",  data: data_attr, aria: aria_attr %>
-          <% if has_dropdown %>
-            <div class="dropdown-menu w-100 shadow main-nav-bar-category-dropdown">
-              <div class="container p-0 d-flex justify-content-xl-around mx-auto">
-                <div class="row">
-                  <% if root[:items].present? %>
-                    <div class="category-links">
-                      <% if root[:subtitle].present? %>
-                        <div class="category-links-header text-uppercase">
-                          <%= root[:subtitle] %>
+      <% spree_menu.children.each do |parent| %>
+          <li class="p-0 nav-item main-nav-bar-category">
+            <% has_dropdown = parent.children.present? %>
+            <% dropdown_toggle_class = has_dropdown ? "dropdown-toggle" : "" %>
+            <% data_attr = has_dropdown ? { toggle: "dropdown" } : {} %>
+            <% aria_attr = has_dropdown ? { haspopup: true, expanded: false } : {} %>
+            <% if parent.container? %>
+              <%= content_tag :span, parent.name, class: "nav-link main-nav-bar-item main-nav-bar-category-button #{dropdown_toggle_class}", data: data_attr, aria: aria_attr %>
+            <% else %>
+               <%= spree_nav_link_tag(parent, { class: "nav-link main-nav-bar-item main-nav-bar-category-button #{dropdown_toggle_class}", data: data_attr, aria: aria_attr }) %>
+            <% end %>
+
+             <% if has_dropdown %>
+              <div class="dropdown-menu w-100 shadow main-nav-bar-category-dropdown">
+                <div class="container p-0 d-flex justify-content-xl-around mx-auto">
+                  <div class="row px-5">
+                    <% parent.children.each do |child| %>
+
+                      <!-- Categories -->
+                      <% if child.container? && child.code?('category') %>
+                        <div class="category-links my-4 mx-2">
+                          <div class="category-links-header text-uppercase">
+                            <%= child.name %>
+                          </div>
+                          <% if child.children.present? %>
+                            <ul class="pl-0">
+                              <% child.children.each do |category_link| %>
+                                <li>
+                                  <%= spree_nav_link_tag(category_link, { class: "text-uppercase main-nav-bar-category-links dropdown-item truncate" }) %>
+                                </li>
+                              <% end %>
+                            </ul>
+                          <% end %>
                         </div>
                       <% end %>
-                      <ul class="pl-0">
-                        <% root[:items].each do |item| %>
-                          <li>
-                            <%= link_to item[:title], item[:url], class: "text-uppercase main-nav-bar-category-links dropdown-item" %>
-                          </li>
+
+                      <!-- Promos -->
+                      <% if child.container? && child.code?('promo') %>
+                        <% if child.children.present? %>
+                          <% child.children.each do |promo_banner| %>
+                            <%= spree_nav_link_tag(promo_banner, { class: "dropdown-item" }) do %>
+                              <div class="category-image text-center my-4 mx-3">
+                                <% if promo_banner.icon.present? %>
+                                  <%= image_tag main_app.url_for(promo_banner.icon.attachment), alt: promo_banner.icon.alt ,title: promo_banner.subtitle %>
+                                <% end %>
+                                <div class="category-box">
+                                  <div class="category-box-small-text">
+                                    <%= promo_banner.subtitle %>
+                                  </div>
+                                  <div class="category-box-big-text">
+                                    <%= promo_banner.name %>
+                                  </div>
+                                </div>
+                              </div>
+                            <% end %>
+                          <% end %>
                         <% end %>
-                      </ul>
-                    </div>
-                  <% end %>
-                  <% if root[:promo_banners].present? %>
-                    <% root[:promo_banners].each do |promo_banner| %>
-                      <%= link_to promo_banner[:url], class: "dropdown-item" do %>
-                        <div class="category-image text-center mx-3">
-                          <%= main_nav_image(promo_banner[:image], promo_banner[:title]) %>
-                          <div class="category-box">
-                            <div class="category-box-small-text">
-                              <%= promo_banner[:subtitle] %>
-                            </div>
-                            <div class="category-box-big-text">
-                              <%= promo_banner[:title] %>
-                            </div>
-                          </div>
-                        </div>
                       <% end %>
+
                     <% end %>
-                  <% end %>
+                  </div>
                 </div>
               </div>
-            </div>
-          <% end %>
-        </li>
+
+             <% end %>
+          </li>
+
       <% end %>
     </ul>
   </div>

data/app/views/spree/shared/_mobile_navigation.html.erb

@@ -1,4 +1,4 @@
-<% if spree_navigation_data.any? %>
+<% if spree_menu.present? %>
   <div class="position-fixed text-uppercase d-xl-none mobile-navigation" role="navigation" aria-label="<%= Spree.t('nav_bar.mobile') %>">
     <div class="container d-flex align-items-center justify-content-between header-spree" data-hook>
       <button class="m-0 p-0" id="mobile-navigation-back-button" aria-label="<%= Spree.t('nav_bar.go_to_previous_menu') %>">
@@ -18,30 +18,41 @@
     </div>
 
     <ul class="list-unstyled position-relative h-100 mobile-navigation-list">
-      <% spree_navigation_data.each do |root| %>
-        <li class="d-flex justify-content-between align-items-center mobile-navigation-list-item">
-          <%= link_to root[:title], root[:url], class: 'w-75' %>
-          <% if root[:items].present? %>
-            <a class="w-25 text-right mobile-navigation-category-link" data-category="<%= root[:title].parameterize %>" href="#" aria-label="<%= Spree.t('go_to_category') %>">
+      <% spree_menu.children.each do |parent| %>
+          <li class="d-flex justify-content-between align-items-center mobile-navigation-list-item">
+          <% if parent.container? %>
+            <%= content_tag :span, parent.name %>
+          <% else %>
+            <%= spree_nav_link_tag(parent, {class: 'w-75'}) %>
+          <% end %>
+
+          <% if parent.children.present? %>
+            <a class="w-25 text-right mobile-navigation-category-link" data-category="<%= parent.name.parameterize %>" href="#" aria-label="<%= Spree.t('go_to_category') %>">
               <%= icon(name: 'arrow-right',
                        classes: 'd-inline spree-icon-arrow spree-icon-arrow-right',
                        width: 14,
                        height: 27) %>
             </a>
-            <ul class="list-unstyled position-absolute mobile-navigation-sublist" data-category="<%= root[:title].parameterize %>">
-              <li class="text-center font-weight-bold mobile-navigation-sublist-header">
-                <%= root[:title] %>
-              </li>
-              <% root[:items].each do |item| %>
-                <li class="d-flex justify-content-between align-items-center mobile-navigation-list-item">
-                  <%= link_to item[:title], item[:url], class: 'w-75' %>
+              <ul class="list-unstyled position-absolute mobile-navigation-sublist" data-category="<%= parent.name.parameterize %>">
+                <li class="text-center font-weight-bold mobile-navigation-sublist-header">
+                  <%= parent.name %>
                 </li>
-              <% end %>
-            </ul>
-          <% end %>
-        </li>
+
+                <% parent.children.each do |child| %>
+                  <% if child.container? && child.code?('category') %>
+                  <li class="text-muted mt-2"><%= child.name %></li>
+                    <% if child.children.present? %>
+                      <% child.children.each do |category_link| %>
+                        <li class="d-flex justify-content-between align-items-center mobile-navigation-list-item">
+                          <%= spree_nav_link_tag(category_link, {class: 'w-75'}) %>
+                        </li>
+                      <% end %>
+                    <% end %>
+                  <% end %>
+                <% end %>
+              </ul>
+            <% end %>
+          </li>
       <% end %>
-      <%= render partial: 'spree/shared/mobile_internationalization_options' %>
     </ul>
-  </div>
 <% end %>

data/app/views/spree/shared/_nav_bar.html.erb

@@ -1,4 +1,4 @@
-<ul id="nav-bar" class="nav align-items-center d-flex flex-nowrap justify-content-end navbar-right">
+<ul id="nav-bar" class="nav align-items-center d-flex flex-nowrap justify-content-end navbar-right" data-turbo-permanent data-turbolinks-permanent>
   <li>
     <div class="navbar-right-search-menu">
       <button type="button" class="navbar-right-dropdown-toggle search-icons" aria-label="<%= Spree.t('nav_bar.show_search') %>">

data/app/views/spree/shared/_option_values.html.erb

@@ -1,24 +1,5 @@
-<% cache base_cache_key + [ot_downcase_name, params_ot_downcase_name, filtering_params_cache_key, @taxon&.id] do %>
-  <% selected_option_values = params_ot_downcase_name&.split(',')&.map(&:to_i) || [] %>
+<% cache option_type_cache_key(option_type) do %>
   <% option_type.option_values.each do |option_value| %>
-    <% id = option_value.id %>
-    <% name = option_value.name %>
-
-    <% option_value_param = (selected_option_values.include?(id) ? selected_option_values - [id] : selected_option_values + [id]).join(',') %>
-    <%= link_to permitted_params.merge(ot_downcase_name => option_value_param, menu_open: 1), data: { params: permitted_params.merge(ot_downcase_name => option_value_param, menu_open: 1), id: id, filter_name: ot_downcase_name, multiselect: true } do %>
-      <% if color_option_type_name.present? && color_option_type_name.downcase == ot_downcase_name %>
-
-        <span class="d-inline-block mb-1">
-                        <%= render partial: 'spree/shared/color_select', locals: {
-                          color: option_value.presentation,
-                          selected: selected_option_values.include?(id)
-                        } %>
-                      </span>
-      <% else %>
-        <div class="d-inline-block text-uppercase py-1 px-2 m-1 plp-overlay-card-item <%= 'plp-overlay-card-item--selected' if selected_option_values.include?(id) %>">
-          <%= name %>
-        </div>
-      <% end %>
-    <% end %>
+    <%= option_value_filter_link(option_value, permitted_params) %>
   <% end %>
 <% end %>

data/app/views/spree/shared/_order_details.html.erb

@@ -117,7 +117,7 @@
 
   <div class="mt-5" id="checkout-summary" data-hook="checkout_summary_box">
     <%= render partial: 'spree/checkout/summary', locals: { order: @order } %>
-    <% unless @order.complete? %>
+    <% unless @order.uneditable? %>
       <div data-hook="buttons">
         <% submit_label_key = @order.confirm? ? :place_order : :save_and_continue %>
         <%= submit_tag Spree.t(submit_label_key), class: 'btn btn-primary text-uppercase font-weight-bold w-100 checkout-content-save-continue-button' %>

data/app/views/spree/shared/_paths.html.erb

@@ -0,0 +1,8 @@
+<script>
+  SpreePaths = <%==
+  {
+    mounted_at: Rails.application.routes.url_helpers.spree_path(trailing_slash: true),
+    admin: Spree.admin_path.gsub(/\A(\/)?(.*[^\/])(\/)?\z/, '\\2/')
+  }.to_json
+  %>
+</script>

data/app/views/spree/shared/_properties.html.erb

@@ -0,0 +1,4 @@
+<% selected_properties = params.dig(:properties, "#{property.filter_param}")&.split(',') || [] %>
+<% property.uniq_values.each do |value| %>
+  <%= property_value_filter_link(property, value, permitted_params) %>
+<% end %>

data/app/views/spree/shared/_translations.html.erb

@@ -4,7 +4,8 @@
         {
           coupon_code_applied: Spree.t(:coupon_code_applied),
           coupon_code_removed: Spree.t(:coupon_code_removed),
-          coupon_code_error_icon: image_path('error.svg')
+          coupon_code_error_icon: image_path('error.svg'),
+          credit_card_remove_confirmation: Spree.t(:credit_card_remove_confirmation)
         }.to_json
                            %>
   });

data/app/views/spree/shared/carousel/_single.html.erb

@@ -43,7 +43,7 @@
     <% images.each_with_index do |image, imageIndex| %>
       <div
         class="carousel-item product-carousel-item<%= ' active' if imageIndex == 0 %>"
-        data-variant-is-master="<%= image.viewable_id == @product.master_id %>"
+        data-variant-is-master="<%= image.viewable_id == @product.master.id %>"
         data-variant-id="<%= image.viewable_id %>">
         <div class="product-carousel-item-squared <%= 'product-carousel-item-squared-only' if images.length == 1 %>">
           <% image_attrs = {

data/app/views/spree/shared/carousel/_thumbnails.html.erb

@@ -17,7 +17,7 @@
               <div
                 class="product-thumbnails-carousel-item-single product-thumbnails-carousel-item-single--visible"
                 data-product-carousel-to-slide="<%= image_index %>"
-                data-variant-is-master="<%= image.viewable_id == @product.master_id %>"
+                data-variant-is-master="<%= image.viewable_id == @product.master.id %>"
                 data-variant-id="<%= image.viewable_id %>">
                 <%= lazy_image(
                   src: main_app.url_for(image.url(:pdp_thumbnail)),

data/app/views/spree/shared/cms/pages/_edit_mode.html.erb

@@ -0,0 +1,13 @@
+<% if edit_mode %>
+  <div class="fixed-bottom text-center">
+    <div class="row">
+      <div id="draftNotice" class="col-12 d-flex w-100 p-4 justify-content-center align-items-center bg-dark">
+        <span class="text-white">
+          <h5 class="mb-0">
+            <%= Spree.t('draft_mode') %>
+          </h5>
+        </span>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/shared/cms/sections/_featured_article.html.erb

@@ -0,0 +1,27 @@
+<% if section.gutters? %>
+  <% section_padding = 'px-3' %>
+<% else %>
+  <% section_padding = 'px-0' %>
+<% end %>
+
+<div class="col-12 <%= section_padding %>">
+  <div class="text-center homepage-fashion-trends-box">
+    <% if section.title.present? %>
+      <div class="homepage-fashion-trends-box-summer-text mb-1"><%= section.title %></div>
+    <% end %>
+
+    <% if section.subtitle.present? %>
+      <div class="homepage-fashion-trends-box-fashion-trends-text mb-2"><%= section.subtitle %></div>
+    <% end %>
+
+    <div class="homepage-fashion-trends-box-description-text text-center mb-3">
+      <div class="mb-3">
+        <%= raw section.rte_content %>
+      </div>
+
+      <% if section.button_text.present? && section.link.present? %>
+        <%= link_to section.button_text, spree_localized_link(section), class: 'btn text-center spree-btn btn-outline-primary w-75' %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/shared/cms/sections/_hero_image.html.erb

@@ -0,0 +1,60 @@
+<% if section.fullscreen? %>
+  <% if section.gutters? %>
+    <% section_padding = 'px-3' %>
+  <% else %>
+    <% section_padding = 'px-0' %>
+  <% end %>
+<% else %>
+  <% section_padding = 'px-2' %>
+<% end %>
+<div class="col-12 homepage-hero-image position-relative p-0 <%= section_padding %>">
+
+  <div class="bg-light" style="--aspect-ratio:12/5;">
+    <% if section.image_one.attached? %>
+
+        <!-- SM to MD -->
+        <img class="d-block d-md-none lazyload"
+          data-src="<%= main_app.url_for(section.img_one_sm) %>"
+          data-srcset="<%= main_app.url_for(section.img_one_sm) %>"
+          alt="<%= section&.title %>">
+
+        <!-- MD to LG -->
+        <img class="d-none d-md-block d-lg-none lazyload"
+          data-src="<%= main_app.url_for(section.img_one_md) %>"
+          data-srcset="<%= main_app.url_for(section.img_one_md) %>"
+          alt="<%= section&.title %>">
+
+        <!-- LG to XL -->
+        <img class="d-none d-lg-block d-xl-none lazyload"
+          data-src="<%= main_app.url_for(section.img_one_lg) %>"
+          data-srcset="<%= main_app.url_for(section.img_one_lg) %>"
+          alt="<%= section&.title %>">
+
+        <!-- XL UP -->
+        <img class="d-none d-xl-block lazyload"
+          data-src="<%= main_app.url_for(section.img_one_xl) %>"
+          data-srcset="<%= main_app.url_for(section.img_one_xl) %>"
+          alt="<%= section&.title %>">
+
+     <% else %>
+       <%= icon( name: 'card-image',
+                 classes: 'text-black-50',
+                 width: 26,
+                 height: 26) %>
+     <% end %>
+
+    <div class="hero-content position-absolute-y-center">
+      <% if section.title.present? %>
+        <div class="homepage-hero-image-text mx-auto pb-0 pb-sm-2 pb-md-3">
+          <%= section.title %>
+        </div>
+      <% end %>
+
+      <% if section.link.present? && section.button_text.present? %>
+        <div>
+          <%= link_to section.button_text, spree_localized_link(section), class: 'btn btn-primary spree-btn px-5' %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/shared/cms/sections/_image_gallery.html.erb

@@ -0,0 +1,171 @@
+<% if section.fullscreen? %>
+  <% if section.default_layout? %>
+    <% section_one_padding = 'pl-3' %>
+    <% section_two_padding = 'pr-3' %>
+  <% else %>
+    <% section_one_padding = 'pr-3 order-2' %>
+    <% section_two_padding = 'pl-3 order-1' %>
+  <% end %>
+<% else %>
+  <% if section.default_layout? %>
+    <% section_one_padding = '' %>
+    <% section_two_padding = '' %>
+  <% else %>
+    <% section_one_padding = 'order-2' %>
+    <% section_two_padding = 'order-1' %>
+  <% end %>
+<% end %>
+
+<% if section.show_labels? %>
+  <% labels_class = 'homepage-taxon-box-text' %>
+<% else %>
+  <% labels_class = 'd-none' %>
+<% end %>
+
+<% if section.link_one.present? && section.link_type_one == 'Spree::Taxon' %>
+  <% link_one = spree.nested_taxons_path(section.link_one) %>
+  <% link_one_classes = 'homepage-taxon-box bg-light' %>
+<% elsif section.link_one.present? && section.link_type_one == 'Spree::Product' %>
+  <% link_one = spree.product_path(section.link_one) %>
+  <% link_one_classes = 'homepage-taxon-box bg-light' %>
+<% else %>
+  <% link_one = nil %>
+  <% link_one_classes = 'homepage-taxon-box bg-light pointer-events-none cursor-default' %>
+<% end %>
+
+<% if section.link_two.present? && section.link_type_two == 'Spree::Taxon' %>
+  <% link_two = spree.nested_taxons_path(section.link_two) %>
+  <% link_two_classes = 'homepage-taxon-box bg-light' %>
+<% elsif section.link_two.present? && section.link_type_two == 'Spree::Product' %>
+  <% link_two = spree.product_path(section.link_two) %>
+  <% link_two_classes = 'homepage-taxon-box bg-light' %>
+<% else %>
+  <% link_two = nil %>
+  <% link_two_classes = 'homepage-taxon-box bg-light pointer-events-none cursor-default' %>
+<% end %>
+
+<% if section.link_three.present? && section.link_type_three == 'Spree::Taxon' %>
+  <% link_three = spree.nested_taxons_path(section.link_three) %>
+  <% link_three_classes = 'homepage-taxon-box bg-light' %>
+<% elsif section.link_three.present? && section.link_type_three == 'Spree::Product' %>
+  <% link_three = spree.product_path(section.link_three) %>
+  <% link_three_classes = 'homepage-taxon-box bg-light' %>
+<% else %>
+  <% link_three = nil %>
+  <% link_three_classes = 'homepage-taxon-box bg-light pointer-events-none cursor-default' %>
+<% end %>
+
+<!-- Left Block -->
+<div class="col-6 <%= section_one_padding %>">
+
+  <!-- Top Left Block SQUARE -->
+  <!-- margin-bottom: 3.7% is important for keeping the bottom of the sections aligned -->
+  <div class="row" style="margin-bottom: 3.7%;">
+    <div class="col-12">
+
+      <%= link_to link_one, class: link_one_classes, style: '--aspect-ratio:18/13;' do %>
+        <% if section.image_one.attached? && section.image_one.variable? %>
+
+            <!-- XS to MD -->
+            <img class="d-md-none lazyload"
+              data-src="<%= main_app.url_for(section.img_one_md) %>"
+              data-srcset="<%= main_app.url_for(section.img_one_md) %>"
+              alt="<%= section&.title_one %>">
+
+            <!-- MD to XL -->
+            <img class="d-none d-md-block d-xl-none lazyload"
+              data-src="<%= main_app.url_for(section.img_one_lg) %>"
+              data-srcset="<%= main_app.url_for(section.img_one_lg) %>"
+              alt="<%= section&.title_one %>">
+
+            <!-- XL UP -->
+            <img class="d-none d-xl-block lazyload"
+              data-src="<%= main_app.url_for(section.img_one_xl) %>"
+              data-srcset="<%= main_app.url_for(section.img_one_xl) %>"
+              alt="<%= section&.title_one %>">
+        <% else %>
+          <%= icon( name: 'card-image',
+                    classes: 'homepage-taxon-box text-black-50',
+                    width: 26,
+                    height: 26) %>
+        <% end %>
+        <div class="<%= labels_class %>" aria-label="<%= section&.title_one %>">
+          <h3 class="homepage-hpb"><%= section&.title_one %></h3>
+        </div>
+      <% end %>
+
+    </div>
+  </div>
+
+  <!-- Bottom Left Block SQUARE -->
+  <div class="row">
+    <div class="col-12">
+
+      <%= link_to link_three, class: link_three_classes, style: '--aspect-ratio:18/13;' do %>
+        <% if section.image_three.attached? && section.image_three.variable? %>
+
+            <!-- XS to MD -->
+            <img class="d-md-none lazyload"
+              data-src="<%= main_app.url_for(section.img_three_md) %>"
+              data-srcset="<%= main_app.url_for(section.img_three_md) %>"
+              alt="<%= section&.title_three %>">
+
+            <!-- MD to XL -->
+            <img class="d-none d-md-block d-xl-none lazyload"
+              data-src="<%= main_app.url_for(section.img_three_lg) %>"
+              data-srcset="<%= main_app.url_for(section.img_three_lg) %>"
+              alt="<%= section&.title_three %>">
+
+            <!-- XL UP -->
+            <img class="d-none d-xl-block lazyload"
+              data-src="<%= main_app.url_for(section.img_three_xl) %>"
+              data-srcset="<%= main_app.url_for(section.img_three_xl) %>"
+              alt="<%= section&.title_three %>">
+        <% else %>
+          <%= icon( name: 'card-image',
+                    classes: 'homepage-taxon-box text-black-50',
+                    width: 26,
+                    height: 26) %>
+        <% end %>
+        <div class="<%= labels_class %>" aria-label="<%= section&.title_three %>">
+          <h3 class="homepage-hpb"><%= section&.title_three %></h3>
+        </div>
+      <% end %>
+
+    </div>
+  </div>
+</div>
+
+<!-- Right Block TALL -->
+<div class="col-6 <%= section_two_padding %>">
+  <%= link_to link_two, class: link_two_classes, style: '--aspect-ratio:27/40;' do %>
+    <% if section.image_two.attached? && section.image_two.variable? %>
+
+        <!-- XS to MD -->
+        <img class="d-md-none lazyload"
+          data-src="<%= main_app.url_for(section.img_two_md) %>"
+          data-srcset="<%= main_app.url_for(section.img_two_md) %>"
+          alt="<%= section&.title_two %>">
+
+        <!-- MD to XL -->
+        <img class="d-none d-md-block d-xl-none lazyload"
+          data-src="<%= main_app.url_for(section.img_two_lg) %>"
+          data-srcset="<%= main_app.url_for(section.img_two_lg) %>"
+          alt="<%= section&.title_two %>">
+
+        <!-- XL UP -->
+        <img class="d-none d-xl-block lazyload"
+          data-src="<%= main_app.url_for(section.img_two_xl) %>"
+          data-srcset="<%= main_app.url_for(section.img_two_xl) %>"
+          alt="<%= section&.title_two %>">
+    <% else %>
+      <%= icon( name: 'file-image',
+                classes: 'homepage-taxon-box text-black-50',
+                width: 26,
+                height: 26) %>
+    <% end %>
+    <div class="<%= labels_class %>" aria-label="<%= section&.title_two %>">
+      <h3 class="homepage-hpb"><%= section&.title_two %></h3>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/shared/cms/sections/_product_carousel.html.erb

@@ -0,0 +1,5 @@
+<div class="col-12">
+  <% if section.linked_resource %>
+    <div data-product-carousel-taxon-id='<%= section.linked_resource.id %>' class="my-3"></div>
+  <% end %>
+</div>

data/app/views/spree/shared/cms/sections/_rich_text_content.html.erb

@@ -0,0 +1,3 @@
+<div class="col-12">
+  <%= raw section.rte_content %>
+</div>