ba_spree 1.0.0

data/app/views/themes/default/spree/orders/_summary.html.erb

@@ -0,0 +1,87 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/orders/_summary.html.erb %>
+<%# reason: カートサマリの小計・割引・合計表示を adjustments ベースに組み替え、買い物を続けるボタンを追加している %>
+<%# @see https://github.com/be-agile/giga-repeat/issues/698 %>
+<%= turbo_frame_tag :cart_summary do %>
+  <% if order.line_items.any? %>
+    <div class="cart-summary-container p-4">
+      <p class="text-center lg:text-right text-sm mb-3">
+        <%= Spree.t('storefront.cart.shipping_and_taxes_calculated_at_checkout') %>
+      </p>
+
+      <div class="shopping-cart-total-text text-center lg:text-right uppercase font-medium">
+        <%= Spree.t(:subtotal) %>:
+        <span class="shopping-cart-total-amount">
+          <%= order.display_item_total %>
+        </span>
+      </div>
+
+      <% if order.line_item_adjustments.nonzero.exists? %>
+        <% order.line_item_adjustments.nonzero.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+          <div class="shopping-cart-total-text text-center lg:text-right uppercase font-medium">
+            <span>
+              <%= label %>:
+            </span>
+            <span>
+              <%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency).to_html %>
+            </span>
+          </div>
+        <% end %>
+      <% end %>
+
+
+      <% if order.adjustments.nonzero.non_tax.non_payment_method.eligible.exists? %>
+        <% sort_adjustments_with_flat_percent_last(order.adjustments.nonzero.non_tax.non_payment_method.eligible).each do |adjustment| %>
+          <div class="shopping-cart-total-text text-center lg:text-right uppercase font-medium">
+            <span>
+              <%= adjustment.label %>:
+            </span>
+            <span>
+              <%= adjustment.display_amount.to_html %>
+            </span>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div class="shopping-cart-total-text text-center mt-3 lg:text-right uppercase font-bold text-lg">
+        <%= Spree.t(:total) %>:
+        <span class="shopping-cart-total-amount">
+          <% line_item_adj_total = BigDecimal(order.line_item_adjustments.nonzero.promotion.eligible.sum(:amount).to_s).round(2, BigDecimal::ROUND_HALF_UP) %>
+          <% order_adj_total = BigDecimal(order.adjustments.nonzero.non_tax.non_payment_method.eligible.sum(:amount).to_s).round(2, BigDecimal::ROUND_HALF_UP) %>
+          <%= Spree::Money.new(order.item_total + line_item_adj_total + order_adj_total, currency: order.currency).to_html %>
+        </span>
+      </div>
+
+
+      <div class="flex <%= !turbo_frame_request? && !turbo_stream_request? ? 'flex-row' : 'flex-col' %> gap-4 mt-4 w-full justify-end items-end">
+        <% if quick_checkout_enabled?(@order) %>
+          <div class="min-h-[46px] w-full has-[turbo-frame]:block group no-separator">
+            <% if !turbo_frame_request? && !turbo_stream_request? %>
+              <%= render partial: 'spree/checkout/quick_checkout', locals: { height: 46, theme: 'black', button_width: 320, container_class: "w-full flex justify-end" } %>
+            <% else %>
+              <%= render partial: 'spree/checkout/quick_checkout', locals: { height: 46, theme: 'white', max_columns: 2, max_rows: 2 } %>
+            <% end %>
+          </div>
+        <% end %>
+        <div style="display: flex; flex-direction: column; align-items: center; gap: 1rem;<%= ' width: 100%;' if turbo_frame_request? || turbo_stream_request? %>">
+          <%= link_to Spree.t(:checkout), spree.checkout_path(order.token),
+          class: 'btn-primary block w-full lg:w-80 text-center !no-underline !mt-0',
+          data: { 'turbo': 'false', 'cart-target': 'checkoutButton' } %>
+
+          <% # Continue Shopping button %>
+          <% if turbo_frame_request? || turbo_stream_request? %>
+            <%# Modal context: close the slideover %>
+            <%= button_tag Spree.t(:continue_shopping),
+              type: 'button',
+              style: 'display: inline-block; text-align: center; text-decoration: none; background-color: white; padding: 0.75rem 1.25rem; font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; border-radius: var(--button-border-radius); border: var(--button-border-width) solid var(--button-background-color, var(--button)); color: var(--button-background-color, var(--button));',
+              data: { action: 'slideover#toggle' } %>
+          <% else %>
+            <%# Full-page cart context: redirect to products %>
+            <%= link_to Spree.t(:continue_shopping), spree.products_path,
+              style: 'display: inline-block; text-align: center; text-decoration: none; background-color: white; padding: 0.75rem 1.25rem; font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; border-radius: var(--button-border-radius); border: var(--button-border-width) solid var(--button-background-color, var(--button)); color: var(--button-background-color, var(--button));',
+              data: { 'turbo-frame': '_top' } %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/themes/default/spree/orders/edit.turbo_stream.erb

@@ -0,0 +1,10 @@
+<%= turbo_stream.replace_all '.cart-contents' do %>
+  <%= turbo_frame_tag cart_id(@order), class: 'cart-contents' do %>
+    <% if !@line_items || @line_items.empty? %>
+      <%= render 'spree/orders/empty' %>
+    <% else %>
+      <%= render 'spree/orders/cart' %>
+    <% end %>
+    <%= render_storefront_partials(:cart_partials) %>
+  <% end %>
+<% end %>

data/app/views/themes/default/spree/page_sections/_featured_taxons.html.erb

@@ -0,0 +1,38 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_featured_taxons.html.erb %>
+<%# reason: 注目カテゴリのレイアウト (グリッド列数・画像サイズ・リンク表示) を変更したコピー上書き %>
+<%# Spree 5.3 追従: 画像 placeholder 背景を bg-gray-200 → bg-border に変更 %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<% cache_unless page_builder_enabled?, spree_base_cache_scope.call(section) do %>
+<div class="page-container py-5" style="<%= section_styles(section) %>">
+  <% heading_size = case section.preferred_heading_size
+                      when 'small' then 'text-base font-medium'
+                      when 'medium' then 'text-lg lg:text-xl font-medium'
+                      when 'large' then 'text-xl lg:text-2xl font-medium'
+                      end
+    %>
+  <h3 class="<%= heading_size %> mb-4 text-<%= section.preferred_heading_alignment %>">
+    <%= section.preferred_heading %>
+  </h3>
+  <div class="gap-6 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:gap-x-8 mb-7 grid">
+    <% section.links.each do |link| %>
+      <%= page_builder_link_to link, title: link.label, class: 'group block overflow-hidden', target: link.open_in_new_tab.presence && '_blank', data: { turbo_frame: '_top' } do %>
+        <% if link.linkable.image&.attached? && link.linkable.image&.variable? %>
+        <div class="flex space-y-2 flex-col">
+          <%= spree_image_tag(link.linkable.image, height: 175, width: 280, class: 'h-full w-full object-cover object-center group-hover:opacity-75 rounded-md bg-border', loading: :lazy, alt: link.label) %>
+          <span class="text-center"><%= link.label %></span>
+        </div>
+        <% else %>
+        <div class="border border-gray-200 shadow-sm p-4 flex items-center justify-center bg-white relative">
+          <div
+            class="absolute left-0 top-0 h-full w-1"
+            style="background-color: var(--primary);"
+          ></div>
+
+          <p class="ml-3 text-gray-800"><%= link.label %></p>
+        </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</div>
+<% end %>

data/app/views/themes/default/spree/page_sections/_header.html.erb

@@ -0,0 +1,124 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_header.html.erb %>
+<%# reason: ヘッダーを sticky 化し、currency/locale モーダルやアカウントアイコン等の表示を調整したコピー上書き %>
+<%# Spree 5.3 追従: 本家が追加した aria-label(account/wishlist/mobile menu)を i18n 対応で付与 %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<% layout = section.preferred_layout %>
+<header class='sticky has-[.currency-and-locale-modal:not(.hidden)]:relative top-0 z-50 has-[.currency-and-locale-modal:not(.hidden)]:z-[unset] header-<%= layout %>' data-controller='header toggle-menu slideover <%= "slideover-account" if show_account_pane? %>' data-toggle-menu-class='hamburger-visible' data-slideover-invisible-class='translate-x-full,opacity-0' data-slideover-visible-class='translate-x-0,opacity-100' data-slideover-active-target='#slideover-cart' data-slideover-account-invisible-class='translate-x-full,opacity-0' data-slideover-account-visible-class='translate-x-0,opacity-100' data-slideover-account-active-target='#slideover-account'>
+  <nav aria-label='Top' style="<%= section_styles(section) %>" class="transition-transform duration-300 relative">
+    <div class='page-container'>
+      <div class='flex items-center<%= " lg:items-start" if layout == "logo-centered" %> <%= " lg:items-center" unless layout == "logo-centered" %> justify-between '>
+        <% unless layout == 'logo-centered' %>
+        <div class='hidden lg:flex' id='header-logo'>
+          <%= render 'spree/shared/logo', logo: section.logo, height: section.preferred_desktop_logo_height %>
+        </div>
+        <% end %>
+
+        <div class='flex -order-1 flex-1 <%= " lg:flex-none lg:order-1 z-10 lg:mr-8" unless layout == "logo-centered" %>'>
+          <!-- Mobile menu toggle, controls the 'mobileMenuOpen' state. -->
+          <button type='button' data-action='click->toggle-menu#toggle touch->toggle-menu#toggle' class='lg:hidden relative w-6' data-toggle-menu-target='button'>
+            <span class='sr-only'><%= Spree.t(:toggle_menu) %></span>
+            <div class='absolute top-0'>
+              <%= render 'spree/shared/icons/menu', color: section.preferred_text_color %>
+            </div>
+            <div class='absolute top-0 opacity-0'>
+              <%= render 'spree/shared/icons/close', color: section.preferred_text_color %>
+            </div>
+          </button>
+
+          <!-- Search button -->
+          <div class='<%= "lg:relative" unless layout == "logo-centered" %> flex'>
+            <button
+              class='flex items-center ml-4 lg:ml-0'
+              id='open-search'
+              data-action='click->toggle-menu#hide touch->toggle-menu#hide'
+              >
+              <%= render 'spree/shared/icons/search', color: section.preferred_text_color %>
+              <span class='hidden lg:block ml-2 text-sm !leading-6 uppercase'><%= Spree.t(:search) %></span>
+            </button>
+          </div>
+        </div>
+
+        <div class='flex items-center flex-col<%= " lg:flex-1" unless layout == "logo-centered" %> header-nav-container'>
+          <!-- Logo -->
+          <div class='<%= "flex lg:pb-4" if layout == "logo-centered" %><%= "lg:hidden" unless layout == "logo-centered" %>' id='header-logo'>
+            <%= render 'spree/shared/logo', logo: section.logo, height: section.preferred_desktop_logo_height %>
+          </div>
+
+          <!-- Desktop Menu -->
+          <% if layout == 'nav-centered' %>
+          <div class='hidden lg:flex absolute top-px left-1/2 -translate-x-1/2 justify-center w-[calc(100%-29rem)] overflow-auto'>
+            <% end %>
+            <div class='hidden lg:flex<%= " w-full px-12" if layout == "left" %>'>
+              <div class='flex flex-wrap justify-center h-full mx-4'>
+                <%= render 'spree/page_sections/nav/desktop', section: section %>
+              </div>
+            </div>
+          </div>
+          <% if layout == 'nav-centered' %>
+        </div><% end %>
+        <div class='flex items-center gap-4 flex-1 justify-end<%= " lg:flex-none order-2" unless layout == "logo-centered" %>'>
+          <% if should_render_currency_dropdown? || should_render_locale_dropdown? %>
+          <div data-controller="modal" data-modal-allow-background-close="true" data-modal- class="hidden lg:flex" data-modal-backdrop-color-value="rgba(0,0,0,0.32)">
+            <%= button_tag class: 'flex gap-2 items-center', data: {action: 'modal#open'} do %>
+            <% if should_render_currency_dropdown? %>
+            <span>
+              <%= "#{current_currency} (#{currency_money(current_currency).symbol})" %>
+            </span>
+            <% end %>
+            <% if should_render_locale_dropdown? %>
+            <span class="uppercase <%= should_render_currency_dropdown?.presence && "border-l pl-2" %> flex items-center gap-1">
+              <% country_code = current_locale.to_s.split("-").last %>
+              <%= svg_country_icon(country_code) %>
+              <span><%= country_code %></span>
+            </span>
+            <% end %>
+            <% end %>
+            <%= turbo_frame_tag :settings_modal, src: spree.settings_path, loading: :eager  %>
+          </div>
+          <% end %>
+
+          <!-- Desktop Account -->
+          <div class='hidden lg:flex'>
+            <% if show_account_pane? %>
+            <button title="<%= Spree.t(:account) %>" aria-label="<%= Spree.t(:account) %>" data-action='click->slideover-account#toggle click@window->slideover-account#hide click->toggle-menu#hide touch->toggle-menu#hide'>
+              <%= render 'spree/shared/icons/account', color: section.preferred_text_color, section: section %>
+            </button>
+            <% else %>
+            <%= link_to spree.account_path, title: Spree.t(:account), 'aria-label': Spree.t(:account) do %>
+            <%= render 'spree/shared/icons/account', color: section.preferred_text_color, section: section %>
+            <% end %>
+            <% end %>
+          </div>
+
+          <% if show_account_pane? %>
+          <%= form_with url: spree.account_wishlist_path, method: :get, data: { turbo_stream: true } do %>
+          <button type="submit" id="wishlist-icon" title="<%= Spree.t(:wishlist) %>" aria-label="<%= Spree.t(:wishlist) %>" class="flex items-end">
+            <%= render 'spree/shared/wishlist_icon', wishlist: current_wishlist, background_color: section.preferred_background_color %>
+          </button>
+          <% end %>
+          <% else %>
+          <%= link_to spree.account_wishlist_path, id: "wishlist-icon", title: Spree.t(:wishlist), 'aria-label': Spree.t(:wishlist) do %>
+          <%= render 'spree/shared/wishlist_icon', background_color: section.preferred_background_color %>
+          <% end %>
+          <% end %>
+
+          <!-- Cart -->
+          <div data-action='click->toggle-menu#hide touch->toggle-menu#hide'>
+            <%= render 'spree/shared/cart_icon' %>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class='hide-on-load h-0 opacity-0 pointer-events-none' data-toggle-menu-target='toggleable' role='dialog' aria-modal='true' aria-label='<%= Spree.t(:toggle_menu) %>'>
+      <div class='flex justify-between flex-col lg:hidden w-full transition-transform translate-x-[-50%] has-[.currency-and-locale-modal:not(.hidden)]:transform-none body header--mobile-menu' data-toggle-menu-target='content' style='background-color: <%= section.preferred_background_color %>; height: calc(100dvh - 38px);'>
+        <%= render 'spree/page_sections/nav/mobile', section: section %>
+      </div>
+    </div>
+  </nav>
+  <%= render 'spree/shared/cart_pane', section: section %>
+  <% if show_account_pane? %>
+  <%= render 'spree/shared/account_pane', section: section %>
+  <% end %>
+
+  <%= render 'spree/shared/search', section: section, logo: section.logo, logo_height: section.preferred_desktop_logo_height %>
+</header>

data/app/views/themes/default/spree/page_sections/_newsletter.html.erb

@@ -0,0 +1,4 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_newsletter.html.erb %>
+<%# reason: ニュースレター機能を無効化するため本家 partial をコメント1行で丸ごと上書きしている %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<%# Disable Newsletter Feature %>

data/app/views/themes/default/spree/page_sections/_post_details.html.erb

@@ -0,0 +1,22 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_post_details.html.erb %>
+<%# reason: 投稿日時の表示を本家の local_time から local_date に置き換えている %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<div style="<%= section_styles(section) %>">
+  <div class="page-container">
+    <div class="flex flex-col max-w-3xl m-auto mt-16 first:mt-0">
+      <% if post.image.attached? && post.image.variable? %>
+        <%= spree_image_tag(post.image, height: 400, class: 'h-full w-full object-cover object-center', loading: :lazy, alt: post.title) %>
+      <% end %>
+
+      <h1 class="uppercase text-2xl font-medium mt-4"><%= post.title %></h1>
+
+      <% if post.published? %>
+        <div class="mt-2 text-sm"><%= local_date(post.published_at) %></div>
+      <% end %>
+
+      <div class="mt-8 post-details-content"><%= post.content %></div>
+    </div>
+  </div>
+</div>
+
+<%= render 'spree/posts/json_ld', post: post %>

data/app/views/themes/default/spree/page_sections/_product_details.html.erb

@@ -0,0 +1,88 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_product_details.html.erb %>
+<%# reason: 本家のブロックループ構造を保持(Page Builder カスタマイズ/Description/Metafields を維持)しつつ、ba_spree で2点を追加する %>
+<%#   1. Price ブロックに show_tax_included: true を渡し「(税込み)」ラベルを表示 %>
+<%#   2. desktop ギャラリーを sticky top-10 化(top-10/sticky は config/tailwind.config.js の safelist で purge 回避) %>
+<turbo-frame id="main-product-<%= product.id %>" target="_top">
+  <% current_variant = @selected_variant || @variant_from_options || product.first_or_default_variant(current_currency) %>
+  <div class="main-product-container" style="<%= section_styles(section) %>">
+    <div
+      class="page-container lg:mb-16"
+      <%= 'data-controller=product-form' %>
+      data-product-form-required-options-value='<%= product.option_type_ids.map(&:to_s).to_json %>'
+      data-product-form-selected-variant-disabled-value='<%= !@selected_variant&.in_stock? %>'
+      data-product-form-variant-from-options-disabled-value='<%= !@variant_from_options&.in_stock? %>'
+      data-product-form-frame-name-value="main-product-<%= product.id %>"
+      data-product-form-url-value="<%= spree.product_url(product) %>">
+      <template data-product-form-target="spinnerTemplate">
+        <%= render "spree/shared/icons/spinner" %>
+      </template>
+
+      <div id="product-details-page" class="grid grid-cols-1 lg:grid-cols-12 gap-x-14">
+        <% images = product_media_gallery_images(product, selected_variant: @selected_variant, variant_from_options: @variant_from_options) %>
+
+        <div class="lg:col-span-7 relative">
+          <div class="lg:hidden mb-6">
+            <%= render 'spree/products/media_gallery', images: images, product: product %>
+          </div>
+          <div class="hidden lg:block sticky top-10" data-product-form-target="desktopMediaGallery">
+            <%= render 'spree/products/media_gallery', images: images, desktop: true, product: product %>
+          </div>
+        </div>
+
+        <div class="lg:col-span-5 lg:col-start-8">
+          <% show_waitlist_modal = spree.respond_to?(:waitlists_path) && current_variant.present? %>
+          <div
+            <% if show_waitlist_modal %>
+            data-controller="modal"
+            <% end %>
+            data-modal-allow-background-close="true"
+            class="h-full w-full waitlist-modal"
+            data-modal-backdrop-color-value="rgba(0,0,0,0.32)">
+            <%= form_with(url: spree.line_items_path, method: :post, data: { controller: "turbo-stream-form", product_form_target: "form" }) do |f| %>
+              <%= hidden_field_tag :variant_id, current_variant&.id %>
+
+              <div data-product-form-target="productDetails">
+                <% section.blocks.each do |block| %>
+                  <div <%= block_attributes(block) %>>
+                    <% case block.class.name %>
+                    <% when 'Spree::PageBlocks::Products::Title' %>
+                      <h1 class="text-2xl uppercase tracking-tight font-medium">
+                        <%= product.name %>
+                      </h1>
+                    <% when 'Spree::PageBlocks::Products::Brand' %>
+                      <% if product.brand_taxon %>
+                        <%= link_to spree.nested_taxons_path(product.brand_taxon), title: product.brand_taxon.name do %>
+                          <h3 class="text-sm lg:mt-0 inline-block mb-1">
+                            <%= product.brand_taxon.name %>
+                          </h3>
+                        <% end %>
+                      <% end %>
+                    <% when 'Spree::PageBlocks::Products::Price' %>
+                      <%= render 'spree/products/price', product: product, use_variant: true, selected_variant: @selected_variant, price_class: "lg:text-lg lg:font-medium", price_container_class: "w-full", show_tax_included: true %>
+                    <% when 'Spree::PageBlocks::Products::VariantPicker' %>
+                      <%= render 'spree/products/variant_picker', product: product, selected_variant: @selected_variant %>
+                    <% when 'Spree::PageBlocks::Products::QuantitySelector' %>
+                      <%= render 'spree/products/quantity_selector', product: product, selected_variant: @selected_variant %>
+                    <% when 'Spree::PageBlocks::Products::BuyButtons' %>
+                      <div class="flex w-full" data-controller='sticky-button'>
+                        <%= render 'spree/products/add_to_cart_button', product: product, selected_variant: @selected_variant, sticky_button_classes: "w-full" %>
+                        <%= render 'spree/products/add_to_wishlist', variant: current_variant, css_classes: 'btn-secondary ml-5 h-12 !py-0 !px-3 border-default', icon_size: 24 %>
+                      </div>
+                    <% when 'Spree::PageBlocks::Products::Description' %>
+                      <%= render 'spree/products/description', product: product, block: block, section: section %>
+                    <% when 'Spree::PageBlocks::Metafields' %>
+                      <%= render 'spree/products/metafields', product: product, block: block, section: section %>
+                    <% end %>
+                  </div>
+                <% end %>
+              </div>
+            <% end %>
+
+            <%= render 'spree/products/add_to_waitlist', variant: current_variant if show_waitlist_modal %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <%= render 'spree/products/json_ld', product: product, selected_variant: @selected_variant %>
+</turbo-frame>

data/app/views/themes/default/spree/page_sections/_product_grid.html.erb

@@ -0,0 +1,58 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/_product_grid.html.erb %>
+<%# reason: 商品一覧に子カテゴリセクション表示やグリッド列数の変更を加えたコピー上書き %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<%= turbo_frame_tag :products_list do %>
+    <div class='page-container'>
+      <div class='flex justify-between'>
+        <div
+          data-controller='slideover'
+          data-slideover-invisible-class='-translate-x-full,opacity-0'
+          data-slideover-visible-class='translate-x-0,opacity-100'
+          data-slideover-active-target='#slideover-filters'
+        >
+          <%= button_tag(
+            type: 'button',
+            class: 'uppercase flex gap-2 text-sm items-center font-semibold py-3',
+            data: {
+              action: 'click->slideover#toggle click@window->slideover#hide'
+            }
+          ) do %>
+            <%= render 'spree/shared/icons/filter' %>
+            <%= Spree.t(:filter) %>
+            <% if products_selected_filters_count > 0 %>
+              <span class="font-normal opacity-50">(<%= products_selected_filters_count %>)</span>
+            <% end %>
+          <% end %>
+          <!-- begin sidebar/slideover -->
+          <div
+            data-slideover-target='overlay'
+            class='fixed inset-0 flex flex-row z-50 transition-opacity hidden'
+          >
+            <div class='fixed inset-0'>
+              <div data-action='click->slideover#toggle' class='absolute inset-0 bg-background opacity-75'></div>
+            </div>
+            <%= render 'spree/products/filters' %>
+          </div>
+          <!-- end sidebar/slideover -->
+        </div>
+  
+        <%= render 'spree/products/sort' %>
+      </div>
+    </div>
+
+    <%= render_child_taxons_section(@taxon, preferences: { heading: nil }) %>
+
+    <% if products %>
+      <div style='<%= section_styles(section) %>'>
+        <div class='page-container'>
+          <div class='grid gap-y-8 gap-x-6 grid-cols-2 lg:grid-cols-6 md:grid-cols-4 lg:gap-y-10 mb-7' id='products'>
+            <%= render 'spree/shared/products', products: products %>
+          </div>
+        </div>
+        <%= render 'spree/products/show_more_button' %>
+      </div>
+  
+      <%= render 'spree/products/json_ld_list', products: products unless turbo_frame_request? %>
+    <% end %>
+  <% end %>
+  

data/app/views/themes/default/spree/page_sections/nav/_desktop.html.erb

@@ -0,0 +1,94 @@
+<%# @gem-override spree_storefront-5.3.6/app/views/themes/default/spree/page_sections/nav/_desktop.html.erb %>
+<%# reason: メガメニューに nav_taxon_square_image やもっと見るリンク、列数上限の解除などを追加したコピー上書き %>
+<%# @see https://github.com/be-agile/giga-repeat/commit/cdbd620ff4b0a09724ff5c060eb90ef002539222 %>
+<% if section.blocks.any? %>
+  <% section.blocks.includes(:links).each do |block| %>
+    <% presenter = Spree::MegaNavPresenter.new(block) %>
+    <% presenter.instance_variable_set(:@max_columns, 1000) %>
+    <% main_link = presenter.main_link %>
+    <% next unless main_link.present? %>
+
+    <div class="header--nav-item group" <%= block_attributes(block, allowed_styles: ['padding-top', 'padding-bottom']) %>>
+      <%= active_link_to spree_storefront_resource_url(main_link.linkable || main_link),
+                         data: { title: main_link.label.downcase.strip },
+                         class: "shrink-0 menu-item header--nav-link px-4 py-1",
+                         class_active: "menu-item--active",
+                         target: main_link.open_in_new_tab.presence && "_blank",
+                         rel: main_link.open_in_new_tab.presence && "noopener noreferrer" do %>
+        <span class="relative group-hover:border-b-[1.5px] group-hover:border-b-accent"><%= main_link.label %>
+          <% if presenter.columns.any? %>
+          <div class="arrow z-10 invisible group-hover:visible" style="position: absolute; top: 35px; left: 50%; width: 0; height: 0; transform: translateX(-50%) translateY(-100%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #E9E7DC;"></div>
+          <% end %>
+        </span>
+      <% end %>
+
+      <% if presenter.columns.any? %>
+        <div class="w-full bg-transparent invisible absolute translate-y-0 left-0 group-hover:opacity-100 opacity-0 group-hover:visible transition-none border-default border-b duration-150 ease-in block pointer-events-none group-hover:pointer-events-auto z-10 header--mega-nav-container" style="padding-top: 14px">
+          <div class="bg-accent">
+            <div class="page-container py-6 grid grid-cols-4 gap-5">
+              <% presenter.columns.each do |column| %>
+                <div class="flex flex-col">
+                  <h6 class="uppercase text-sm tracking-widest px-2 font-semibold mb-5">
+                    <%= link_to spree_storefront_resource_url(column.view_all_linkable), class: 'flex items-start' do %>
+                      <%= render('spree/shared/nav_taxon_square_image', taxon: column.view_all_linkable) %>
+                      <span class="self-center"><%= column.title %></span>
+                    <% end %>
+                  </h6>
+
+                  <% column.links.first(3).each do |link| %>
+                    <div class="p-2">
+                      <%= page_builder_link_to link,
+                                               data: { title: link.label.downcase.strip },
+                                               class: "shrink-0 menu-item !normal-case header--nav-link flex items-start",
+                                               target: link.open_in_new_tab.presence && "_blank",
+                                               rel: link.open_in_new_tab.presence && "noopener noreferrer" do %>
+                        <%= render('spree/shared/nav_taxon_square_image', taxon: link.linkable) %>
+                        <span class="self-center"><%= link.label %></span>
+                      <% end %>
+                    </div>
+                  <% end %>
+
+                  <% if column.links.length >= 4 %>
+                    <%= link_to raw('&raquo; もっと見る'),
+                                spree_storefront_resource_url(column.view_all_linkable),
+                                class: "py-3 px-2 uppercase text-sm inline-block tracking-widest font-semibold text-right w-full" %>
+                  <% end %>
+                </div>
+              <% end %>
+
+              <% if block.try(:featured_taxon) %>
+                <% cache spree_storefront_base_cache_scope.call(block.featured_taxon) do %>
+                  <% if block.featured_taxon.image.attached? && block.featured_taxon.image.variable? %>
+                    <%= link_to spree_storefront_resource_url(block.featured_taxon), class: "flex flex-col col-start-4" do %>
+                      <%= spree_image_tag block.featured_taxon.image,
+                                          width: 360,
+                                          height: 360,
+                                          class: 'w-full h-auto aspect-1',
+                                          loading: :lazy,
+                                          alt: block.featured_taxon.name %>
+                      <span class="py-3 px-2 bg-accent block uppercase text-sm tracking-widest font-semibold header--mega-nav-featured-taxon-title">
+                        <%= Spree.t(:explore_taxon, taxon_name: block.featured_taxon.name) %>
+                      </span>
+                    <% end %>
+                  <% end %>
+                <% end %>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+<% else %>
+  <% section.links.each do |link| %>
+    <%= active_link_to spree_storefront_resource_url(link.linkable || link),
+                       data: { title: link.label.downcase.strip },
+                       class: "shrink-0 menu-item header--nav-link px-4 py-1 focus:mx-0 focus:px-4",
+                       class_active: "menu-item--active",
+                       target: link.open_in_new_tab.presence && "_blank",
+                       rel: link.open_in_new_tab.presence && "noopener noreferrer",
+                       **link_attributes(link, as_html: false) do %>
+      <span><%= link.label %></span>
+    <% end %>
+  <% end %>
+<% end %>