Last update: 29 September 2022
Journal 3.2 is the biggest update for Journal since Journal’s first launch. We have recoded the framework almost entirely for much better integration with the core Opencart system and added radically improved performance and usability features both in the admin and storefront.
Journal 3.2 is backward compatible with existing Journal 3 projects - it works with all existing demos as they are, however, the live demos have not yet been updated to 3.2. All demos will be updated to 3.2 once the beta run is over and from that point we will create a few more demos as well.
There will be some small resets with existing options that have been reworked and some 3rd party extensions may be affected and not work anymore with Journal. These extensions will need to be re-adapted to the new Journal 3.2 codebase.
Feedback can be sent via email to email@example.com. Please do not send any unrelated communication to this email address, only topics related to the new Journal 3.2 update.
Major code changes and improvements
- Major Recode for better overall performance and integration with core Opencart principles. Journal now uses the Opencart Events system. (This may affect past 3rd party extensions that might have been modified to work with previous Journal versions (3.1.8 or lower). Please consult with your extension developers in such cases).
- Core Web Vitals improvements (better pagespeed scores). This heavily depends on your store setup as well as various 3rd party extensions and your hosting plan performance.
- Web Accessibility improvements across the board.
- PHP 8 compatibility (for Opencart 184.108.40.206 and later, previous Opencart versions don’t work with PHP 8 anyway).
- Google Fonts. Added Display option and removed previous Async / Swap Fonts options.
- Icons Pack. Removed all unused icons from the pack for a much smaller footprint. If you need extra icons, follow our documentation on how to add them to the pack.
- Stepper Mechanism. Added dedicated options in Journal > Skins > Edit > Stepper, including the option to display buttons on each side.
Major layout design features
- Auto Grid. A new auto-responsive repeater grid system that makes responsive design much easier and replaces the existing Items per Row mechanism. The feature appears wherever Items per Row options are available. (Items per Row still work as usual, but now it can be replaced with the new Auto Grid system). See documentation for more details.
- Auto Carousel. New and simple carousel mode for repeater grid modules. Works seamlessly with the new Auto Grid system. It is scroll-based and leverages browser scroll snapping for best possible performance. Allows natural clipping of the last item to clearly indicate there are additional items to be scrolled into view and also provides support for multi-row carousels. This replaces the old Carousel Mode mechanism that is part of the legacy Items per Row system. See documentation for more details.
- Journal Builder. Added a container-aware column stacking option in each row to auto-stack all columns within that row (make them 100% width) at a given custom row width (not screen width via breakpoint rules - so breakpoints aren't necessary if you just want to stack all columns at once at a given width). This can have profound implications in designing layouts much faster (and safer - preventing columns from getting too small on smaller screens if breakpoint rules aren't added). Also added a Columns Gap option to add spacing between columns. The new Gap option is auto-adaptive, meaning that the same gap value is used for horizontal and vertical spacing automatically. This improves upon the previous approach of adding column paddings on different sides on a per breakpoint basis.
- Mobile Header. Added custom breakpoint option in Journal > Skins > Edit > Header > Mobile Header At, at which to activate the entire mobile header for desktop or tablet type devices. (not applying to actual phones, mobile header is always rendered on phones). Additionally, a new option in the same place Mobile Header on Tablet allows for the mobile header to be rendered on tablet type devices regardless of the above Mobile Header At screen width rule (in cases where an actual tablet may have a wider screen than the activation rule).
- Sticky Header. Improved sticky header mechanism (across all headers) with option to include the entire header, the logo/search/cart area + menu, or menu only (as was before).
- Compact Header. Added option to an additional main menu in the main menu bar below the logo area (similar to the main menu bar from the Classic/Mega headers).
Admin System and Styles Improvements
- Bulk Delete. Added option to bulk select and delete in admin listing instances (Modules, Styles, Blog Posts, etc.). A checkbox is available in each instance with select-all option.
- Browser Alert. Added Notification style in skin for Contact Form and Newsletter modules notifications.
- Page Buttons Style. Improved style options and provided container-aware button stacking (when the parent container of dual buttons reaches a certain width, buttons will stack automatically without necessitating breakpoints).
- Form Style. Improved form label position mechanism to be consistent with the new container-aware system. Labels can be displayed on the side and automatically move to top position (relative to input) at a certain parent container width.
- Product Page Buttons. Improved display mechanism and added a new option for the fixed button to be shown only on scroll (not at all times). Also the new fixed buttons are displayed along the optional Bottom Menu (which was previously disabled on product pages with fixed buttons).
- Out of Stock Added option to exclude out of stock products from Related Products.
- Out of Stock Added opacity option for Add to Cart button when product is out of stock so the disabled button can be faded out.
- Out of Stock Added option to replace Add to Cart button text with Stock Status in Journal > System > System.
- Show In Stock Products. Added option to show products in stock first in Journal > System > System.
New Modules and Features
- New Image Module. Simple image module for quick use in builder columns where a single image might be needed (replaces the old approach of adding background images in empty columns).
- New Text Module. Simple text/code module for quick use in builder columns where such content might be needed.
- New FAQ Module. Dedicated FAQ module. (To replace the larger Blocks module used for such purpose).
- Catalog Module. Added option for custom menu item with custom image and custom sub-links.
- Product Tabs. Added Journal Builder as display option in each tab - can now add any layout modules inside product page tabs.
- Popup Module. Improved overall popup system and added auto height mechanism, removing the requirement of a height for popups such as Login, Register, Quickview, Required Options, Layout Modules.
Blog New Features and improvements
- Added Blog comments Captcha
- Added Blog meta robots field
- Added Blog Comments admin notifications
- Added Blog Comments pagination
- Added Blog Comment submit alert style
Other Fixes and Improvements
- Fixed Selected item set to None for accordion displays, it is now possible to have all accordions closed in categories, manufacturers, products and blog posts modules
- Fixed an issue with split attribute values feature
- Fixed auto-update price reward points
- Fixed Quickview description Show Less button issue
- Fixed One Page Checkout guest checkout email already in use error
- Fixed admin re-login issue
Other small fixes and improvements throughout the entire framework, for a faster and better user experience.