Spree 4.1 comes with a completely new mobile-first ultra-fast Storefront which you can easily customize to your brand or business requirements. The new Storefront UI was open sourced by Spark Solutions team built upon experiences from dozens of eCommerce projects. Special thanks go to Matthew Kennedy for helping out!
Try it for yourself, check out this fashion site demo: demo.spreecommerce.org
We’ve redesigned the Storefront UI from scratch for the mobile. Fully responsive layout with mobile and tablet devices in mind. We’ve implemented all the best practices making it pretty and useful for the end-users.
iPhone, Android, iPad, desktop - no matter the device, the new storefront is ready to handle all of those, out of the box!
The new Spree UX is fully customizable so feel free to tweak it to your needs: the overall styling (colors, fonts, roundings, borders), header, footer, placeholder images and text, SEO settings.
To help you customize your eCommerce platfom we’ve prepared:
Performance is one of the leading factors in eCommerce conversion rates and SEO traffic. It was one of our goals to reduce page views loading times and make the UI snappy and responsive.
This leads to more conversions, more organic search traffic, more sales and more market value brought to the business owners.
Of course, you can still combine it with React, Vue or Angular!
Just follow Follow 4.0 to 4.1 upgrade guide to upgrade your current store to the new UI.
Feel free to reach out with questions or support requests,
This new Spree UX will be improved and optimized even more. We very much welcome your feedback and suggestions.
gem 'spree', '~> 4.1.0.rc1' gem 'spree_auth_devise', '~> 4.1.0.rc1' gem 'spree_gateway', '~> 3.7'
Note: if you run into
Bundler could not find compatible versions for gem "sprockets": error message, please run
rails g spree:install --user_class=Spree::User rails g spree:auth:install rails g spree_gateway:install
Please review each of the noteworthy changes to ensure your customizations or extensions are not affected. If you are affected by a change, and have any suggestions please submit a PR to help the next person!
You can view the full changes using Github Compare.