Skip to content

v1.6.0

Latest
Latest
Compare
Choose a tag to compare
@maxiroellplenty maxiroellplenty released this 10 Oct 13:02
· 30 commits to main since this release
v1.6.0
8a8601c
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

v1.6.0 (2024-10-10) Overview of all changes

TODO 📙 Migration guide

  • Because Vue components now use different color weights (see New section for details), you have to update your color palettes as follows:
    • 900 -> 700
    • 800 -> 600
    • 700 -> 500
    • 600 -> 400
    • 500 -> 300
    • 400 -> 200
    • 300 -> 100
    • 200 -> 50
    • 100 -> 50
  • Replace all instances of SfButton with UiButton.
  • Update the variable name NEWSLETTER_FORM_SHOW_NAMES to NEWSLETTERFORMNAMES in your environment.
  • Update the variable name USE_AVIF to IMAGEAVIF in your environment.
  • Update the variable name USE_WEBP to IMAGEWEBP in your environment.

🚀 New

Functionality

  • Product pages now display the EU responsible person of the manufacturer.
  • The app now takes into consideration the referrer ID to display the correct price.
  • Reorders now support order properties.
  • Reorders now check for available stock.

Dev tools

  • For debugging, you can now disable API caching with the query param noCache=1.

Payment

  • PayPal's Pay Later banner is now displayed on product pages, the cart, checkout and quick checkout.
  • Updated the PayPal form for credit card information.
  • The quick checkout now displays variation properties.
  • The order confirmation page now displays bank details if the payment method is cash in advance.

Configuration

  • The app can now fetch the Favicon from the plentysystems system.
  • The app can now fetch the logo from the plentysystems system.
  • The app now reads which Google Fonts to use from the environment.
  • The app can now generate a complete Tailwind color palette from a single main color. To use this functionality, enable the build:before hook's generateScssVariables method and set the environment variables PRIMARY and SECONDARY. These variables represent the center color of the Tailwind palette, weight 500. As part of this update, all instances of SfButton have been replaced with a new UiButton component. Functionally, UiButton is identical to SfButton, but some color weights were adjusted to work with the generated palettes. ESLint now reports an error for SfButton. You can disable this rule in apps/web/eslintrc.cjs.
  • The app now reads the internationalisation configuration from the environment. This includes the available languages and the default language.
  • The app now reads whether to display the newsletter signup form on the homepage from the environment.
  • The homepage template can now be configured via a category template.
  • The footer and shop-name meta field now use the shop name.

SEO

  • The app now reads the head title and title suffix from the environment.
  • The app now reads metadata for products and categories, from the environment.
  • The app now reads title and alternate for product images, from the environment.
  • The app now reads metadata, such as description and keywords, from the environment.
  • The app now reads the minimum required Open Graph data, that is the title, image, and endpoint, from the environment.
  • Added canonical meta tags to product items.

Page speed

  • Added cache-control for all static images to improve caching policy.
  • Shop logo is now preloaded.

Accessibility Improvements

  • Added table header in the MyAccount.
  • Changed contrast for Verfied purchase text in feedback to increase accessibility.
  • Added label tags for inputs in NewsletterSubscribe.vue component.
  • Added labels for both min and max price filters.
  • Increased size of wishlist and cart icon counter.
  • Changed size for the cookie bar elements to increase accessibility.

🩹 Fixed

  • Fixed withDefaults() is unnecessary when using destructure with defineProps() terminal error.
  • Fixed the REST call to fetch the remote configuration in the build process.
  • Fixed middleware calls being stuck in an infinite loop.
  • Fixed tailwind css double import.
  • Fixed a deadspot in the viewport for the navigation bar.
  • Added link color on item variation properties.
  • Fixed pagination issues with reactivity.
  • Fixed wrongful display of base prices.
  • Fixed setting the vsf-locale cookie on ssr.
  • The side navigation of the automatically generated composables documentation now contains the correct links.
  • Fixed editing author name on reviews and replies with added e2e.
  • Fixed the issue with the plentyID-cookie in the PWA live preview.
  • Fixed that the PayPal Express button on the product page is only displayed if the item is available for purchase.
  • Fixed that when fetching configurations from plentysystems, the build would only apply updates on the second run.
  • Fixed orphaned form label on product page attributes.
  • Fixed cookie bar privacy link not working properly.
  • Fixed minor styling issues in the credit card form in the checkout and the rating form on the product page.
  • Fixed DE translation regarding VAT.
  • Fixed wrong price issues.
  • Base price display on minimum order quantity.
  • Display fonts now use the configured font family.
  • Incorrect display of the PayPal loader
  • Fixed my orders actions paddings and cookie bar link sizes.
  • Fixed basket accesibilty issues.
  • Fixed broken aria reference in cournty select and login modal.
  • Fixed addtobasket overlay accesibilty issues.
  • Fixed login page accesibilty issues.

👷 Changed

  • Addresses: Enhanced Address interaction with a new, streamlined design, improved UX, and a more intuitive structure.
  • Addresses in read-only checkout are now displayed as non-editable and appear disabled.
  • Unify html nodes on category page to use h6 node.
  • Added display of file properties with download links for items.
  • Ensure the design of order properties and variation properties is consistent.
  • Cookiebar icon has been replaced.
  • Checkout address buttons in the mobile view have been adjusted.
  • The configuration files for app, cookie, interntaionlisation, and Tailwind settings have been moved to the apps/web/configuration folder.
  • Changes to item reviews logic in order to use the new feedback API.
  • The order confirmation page url from .../thank-you?[...] to .../confirmation/orderId/accessKey.
  • Remove cookie browser language detect.
  • Set page title for items and categories instead of meta-title.
  • Refactor of reviews functionality for better performance and maintainability.
  • Change the file item property color to blue in the quick checkout.
  • Changed the name of the Cloudflare Turnstile Sitekey environment variable to make it compatible with the system configuration.
  • Eliminate the separate review average fetch by retrieving data directly from the reviews request.
  • Resize demo favicon to 3 kb.
  • The whole application uses the same font family now.
  • Change the mobile design of the cookie bar layout.
  • Modified manufacturer data appearance.

🏡 Chore

  • Removed unnecessary Vue imports
  • Updated Nuxt to 3.13.1 (includes Vue 3.5.0) for increased performance and stability.
History

What's Changed

New Contributors

Full Changelog: v1.5.0...v1.6.0

Contributors

Tim-M-S, stentrop, and 17 other contributors
Assets 2
Loading