Articles in this category Demo Import missing fields According to demo import documentation, in order to import demo data you have to access our demo admin page. For example, if you are interested in demo 5, access Open custom Popups from HTML links within page descriptions 1. Create your Popup module in Journal > Modules > Popup and copy the custom URL code generated by the module: 2. In a product description or information page text editor, click on the link ico... Performance / Page Speed Score Journal comes with a lot of optimisation tools in order to increase your store performance. Here are some steps to check and follow in order to improve your store performance: Use PHP 7.x (7.3 recomme... Column Dimensions (admin only) The column dimensions are a dev-mode feature to help you create precise image dimensions for banners or sliders. You do not need to remove them because no one sees them except you when you are logged ... Migrate blog content from Journal 2 to Journal 3 To migrate Journal 2 blog posts to Journal 3, follow these steps: Go to System > Maintenance > Backup / Restore and export all tables containing journal2_blog in their names Edit the exported .s... Journal Blog missing blog layouts If you have not fully exported demo data from our demos (no catalog data), then Journal blog layouts may not be present in your admin. Access Design > Layouts and create the following layouts: Jour... Special products countdown To show countdown for special price expiration date on a product, you need to first set up a special price on that product in Opencart > Catalog > Products > Edit > Special with a valid ex... Support for Internet Explorer 11 and below. IE11 is not fully supported in Journal 3 since it's very old and outdated. The new IE browser is Microsoft Edge, not IE 11, and that is fully supported. We dropped support for IE11 and below because ... Responsive Table elements Table elements, like the cart table on the cart or checkout pages, are supposed to be swiped left/right. The shopping cart, compare, and other table elements found in Opencart/Journal use <table>... Show more / Show less content truncation Global options for this are in Journal > Skins > Edit > Global > Collapse Content... Additionally, there are individual options per tab module in Journal > Product Extras > Product T... Product labels style The product labels can now use a global inheritable style from the skin - this is much easier to work with. Set up a Default product label style in Journal > Styles > Product Label then apply it... Change header modules You can use a different header module at any time. Each header module offers a different layout and set of options. If you use a Compact header from Journal > Header > Compact and which to use ... Edit Flyout Menu module This Flyout Menu module is created in Journal > Modules > Flyout Menu and can be imported into the header main menu in Journal > Header > Main Menu, in any menu item with Dropdown Type set... Mobile testing on desktop To properly test mobile layouts with mobile user agents on the desktop browser, use the Chrome browser and follow these instructions: https://docs.journal-theme.com/v3/faqs/journal/demo/mobile-test/ Shipping payment icons The shipping truck icons that come with some of our demos are not automatic, you'll have to manually apply the icon you want on the first five shippings (or payments), in the top/down order from 1 to ... Bottom Menu disabled on the product page The Bottom Menu may be disabled on the product page when the product page buttons group is positioned as fixed in Journal > Styles > Product Page > Active Style > Buttons > Display. In ... Tabs active color The tabs require an active state so add a color and background color in the Active tab as well, inside all the Tab styles you use from Journal > Styles > Tabs > [Active Style] > Tab > T... Fixed buttons on product page (Add to Cart, Wishlist, etc.) The sticky buttons on the product page can be controlled from the Journal > Styles > Product Page > [Active Style] > Buttons > Display. By default, the buttons sit in their normal posi... Different number of products per row on different pages If you see different products per row on different listing pages look in the different sections within your Products per row option from Journal > Skins > Edit > Product Listing > Product... Background images on row and columns Any row or column can have a background image. The image can be a fixed background added in the row options, Journal > Layouts > Home... locate the row which has (or will get) the image and edit... Size chart image at product page To create a size chart in a popup that is opened from a custom button will involve multiple modules: 1. Create one or more popup modules in Journal > Modules > Popup with your size chart image. ... Column widths on smaller screens Whenever you design a layout based on the page builder you set an initial column width, however, if this width is not different on smaller screens you will get the same layout as on desktop. The entir... Login page not responsive You need to set up the proper column split for the login page sections. Access in Journal > Skins > Edit > Account > Login Page and indicate how many columns should be displayed. There are... Info Blocks at the product page Any module can be added inside the product page details area in various positions via the advanced extra modules builder in Journal > Product Extras > Extra Modules. See https://docs.journal-the... Custom map at the contact page We don't use default Opencart contact page data in our theme, we prefer to use custom Journal modules for greater flexibility. So all the default contact page details have been hidden from Journal >... Logo size The logo size will be limited by the container it sits in. Uploading a bigger logo will not automatically change the header shape or size, so it will be constrained by the header container in which th... Items per Row The Items per Row option is available in any grid-based module (modules that can have multiple items in them, like Products, Banners, Blocks, etc). and also apply to the product listing from the cate... Stip HTML text formatting You may add pre-formatted text to your description editors (in a Product description for example) and this comes with added code inline on all the elements. This may happen if you copied the text from... Image Dimensions Every image used in Journal is resized in two dimensions, one for normal screens and one for high dpi screens (retina). For example, if you set Product Image Dimensions to 550x500, two images will be ... Special Modules - Popup, Notification, Header Notice, Bottom Menu, Side Menu You can control special modules (Popup, Notification, Bottom Menu, etc) display from Journal > Layouts > Your Layout using the top right corner buttons. One button is for special modules placed ... SEO missing h1 tag You can add a missing h1 tag (on Home Page, for example) by placing a Journal > Module > Blocks on Journal > Layouts > Home. Import external widgets, Instagram, Twitter, Facebook, etc. Search Google for an instagram widget, and when you find one you like just copy the generated code and paste it into a Journal Blocks module, as shown in the image below. You can then position that Bl... Social sharing buttons To use sharing buttons in Journal you can work with any 3rd party service such as AddThis or ShareThis. Once you create an account with a service like that, you will be able to activate the buttons yo... Age verification popup You can create a popup module in Journal > Modules > Popup. into which you add your custom image, such as this one. In the Popup module General section turn off t Filter Price Tax Filter Price tax class can be set from Journal > System > System > Filter.