From a120cbf7eca3482638ac57c454d5c9fe2bfa40e0 Mon Sep 17 00:00:00 2001 From: Matthew Kennedy Date: Thu, 26 Aug 2021 17:23:37 +0100 Subject: [PATCH] Add Get Started Bar to Spree Storefront. (#11287) * Add get started bar to Spree Storefront. * Add arrow icon, set bold button text. * Update footer copyright text + Remove spark-logo * Make get started bar scroll off screen under main nav. --- .../assets/images/arrow-right-circle-fill.svg | 3 ++ frontend/app/assets/images/spark-logo@3x.png | Bin 6102 -> 0 bytes .../spree/layouts/spree_application.html.erb | 1 + .../views/spree/shared/_copyright.html.erb | 11 +----- .../views/spree/shared/_get_started.html.erb | 32 ++++++++++++++++++ 5 files changed, 37 insertions(+), 10 deletions(-) create mode 100644 frontend/app/assets/images/arrow-right-circle-fill.svg delete mode 100644 frontend/app/assets/images/spark-logo@3x.png create mode 100644 frontend/app/views/spree/shared/_get_started.html.erb diff --git a/frontend/app/assets/images/arrow-right-circle-fill.svg b/frontend/app/assets/images/arrow-right-circle-fill.svg new file mode 100644 index 00000000000..336a34ea065 --- /dev/null +++ b/frontend/app/assets/images/arrow-right-circle-fill.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/frontend/app/assets/images/spark-logo@3x.png b/frontend/app/assets/images/spark-logo@3x.png deleted file mode 100644 index 28e9c90c8141c89170768e7010f178045d1227c1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6102 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 + <%= render partial: 'spree/shared/get_started' %> <%= render partial: 'spree/shared/header' %>
diff --git a/frontend/app/views/spree/shared/_copyright.html.erb b/frontend/app/views/spree/shared/_copyright.html.erb index 754ff5c9592..d05ed001daf 100644 --- a/frontend/app/views/spree/shared/_copyright.html.erb +++ b/frontend/app/views/spree/shared/_copyright.html.erb @@ -1,17 +1,8 @@
-
Designed and developed by
-
- <%= link_to 'https://sparksolutions.co/', target: :_blank, 'aria-label': 'Go to Spark Solutions', rel: :follow do %> - <%= image_tag 'spark-logo@3x.png', class: 'footer-spree-copyright-logo-spark mx-2', alt: 'Spree Commerce & Ruby on Rails developers', title: 'Spree Commerce & Ruby on Rails developers' %> - <% end %> -
-
|
- © <%= Time.current.year %> - <%= link_to current_store.name, "https://#{current_store.url}" %>. - <%= Spree.t(:all_rights_reserved) %>. + Designed and developed by <%= link_to 'Spark Solutions', 'https://sparksolutions.co/', target: :_blank, 'aria-label': 'Go to Spark Solutions', rel: :follow %> | © <%= Time.current.year %> <%= link_to current_store.name, current_store.formatted_url %>. <%= Spree.t(:all_rights_reserved) %>.
diff --git a/frontend/app/views/spree/shared/_get_started.html.erb b/frontend/app/views/spree/shared/_get_started.html.erb new file mode 100644 index 00000000000..91662bc090e --- /dev/null +++ b/frontend/app/views/spree/shared/_get_started.html.erb @@ -0,0 +1,32 @@ + + + +
+
+
+
+ Create your own Spree project Get Started + <%= icon(name: 'arrow-right-circle-fill', + width: 22, + height: 22) %> +
+
+
+