4 min. read
Categories:
New Release: Sylius 1.7 is all about UI/UX improvements
We’ve spent some time polishing and making Sylius even better from UX and technical point of view. With this idea, we’ve decided that the shop homepage requires some revamp as well as the admin dashboard.

Phew, it was a busy time for us. We’ve spent some time polishing and making Sylius even better from UX and technical point of view. It was quite a ride, so let me show you what has changed.

The first impression always counts

With this idea, we’ve decided that the shop homepage requires some revamp as well as the admin dashboard. The main Sylius shop page received some dynamics with pictures in different sizes and a few content boxes, which gives a better picture of how a real eCommerce website looks like. 

On the dashboard, on the other hand, you can see a brand new chart with the time-based summarization of sold (paid) orders.

Communicate with your clients easier

We’ve spent some time working with our mailing system to improve the way you may communicate with your clients. From now on, all email templates are responsive and translatable by default. What is more, if you need a different email per channel we have brand new documentation for you: https://docs.sylius.com/en/latest/cookbook/emails/custom-email-template-per-channel.html All of the emails will respect different domain names in path generation (based on provided channels). Additionally, we’ve added a possibility to resend order and shipment confirmation emails, in case something went wrong during the previous sending.

Let’s manage payments and shipments even better!

As you probably know already from the previous release blog post, we’ve added shipping and payment lists, so it is much easier to manage them. From now on, there are several improvements, like filtration, possibility to update their states or present details about what has been sent in shipping. You don’t need to jump between orders to take care of payments or shipments anymore.

More and more UX improvements

We’ve added several minor UX improvements like:

  • Product and Variant edit pages are finally available from their show page.
  • You can sell free products out-of-the-box.
  • The channel form has been rearranged. What is more, there is a new setting on a channel itself, which is a menu taxon. Thanks to this small configuration, you can adjust which categories will be displayed in each of your shops.
  • We’ve improved coupon generation logic.

There is no good UX without a UI

So, we’ve worked in this dimension as well. We’ve added core support for Symfony Webpack. What is more, there is already a guide on how you can benefit from this feature in your application: https://docs.sylius.com/en/latest/theming/webpack.html. It’s placed just next to the documentation, where you can find tips on how you can incorporate already existing Webpack and Bootstrap based themes. 

Speaking about the Bootstrap theme…

We’ve decoupled our shop tests from the HTML structure

One of the problems we’ve encountered during the development of a new theme was proper testing of it. It appeared that we are forced to use the same HTML structure and same CSS classes and ids or reimplement pages for the whole shop. Neither of them seemed like a good solution, so we’ve decided to introduce special data attributes to our templates. Thanks to them, the reusability of Behat tests will be better than ever! Furthermore, it is clear what is used for testing purposes in the template and what is not. If you are concerned that we’ve just soiled your production website, don’t worry. We have you covered. All these data attributes are skipped in the production environment. Next step? Use these attributes to test our new theme 😉 

New template events architecture

Have you used sonata events to inject some HTML to current templates? Have you ever heard about them? No? Don’t worry. This feature wasn’t that exposed and it was a little bit problematic to be used. Therefore, we’ve implemented a brand new block system, where you can add new ones (before, after or between them) or rearrange them as you wish with just a simple configuration. As it may be quite problematic to find a proper place to inject or change your template, the new system is already equipped with a logging system in HTML and has integration with Symfony profiler. Of course, the new system has backward compatibility with the previous solution. You can find more details here: https://github.com/Sylius/Sylius/issues/10997. This feature was baked so recently that it is still hot, but should also be considered as experimental.

Is there anything else worth mentioning?

Yes, there is. First of all, the newest release is supporting only Symfony 4.4 (so the newest LTS) only. In addition, we’ve deprecated core integration with Stripe due to a lack of compliance with SCA.

There is even more to come. We’ve started working on Api Platform integration and Symfony 5 support. It’s already worth waiting for the next release. 😉

As always, we encourage you to contribute! There are plenty of open issues that you could get your hands on. You can also follow “The road to Symfony 5” and help us become the first eCommerce Platform out there with the full Symfony 5 support. Hope to see you on GitHub!

Share:
More from our blog
Technical 4 min read 04.12.2024
Here’s everything you had to know about the first major release since 2017! Over 7 years after the first major release, on Nov 12, 2024, we have released Sylius 2.0.0. We had a great opportunity to announce it first at SyliusCon in Lyon, but now, as we are back to… Read More
4 min read 22.11.2024
The emotions start to settle after SyliusCon, and it’s time to reflect on this incredible milestone in our journey. Why a milestone? Because SyliusCon exceeded our expectations in every possible way. We broke attendance records and brought together the key figures of our community, numerous partners, freelancers, and simply all… Read More
Cloud 4 min read 17.06.2024
We are thrilled to announce that we just signed a strategic partnership with Platform.sh, and as a result, we are extending our offer with Sylius Cloud powered by Platform.sh. Platform.sh is a modern Platform-as-a-Service (PaaS) solution that allows businesses to leverage the cloud environment without losing access to the code… Read More
Comments