{"id":863,"date":"2018-11-21T11:38:37","date_gmt":"2018-11-21T06:08:37","guid":{"rendered":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/"},"modified":"2026-04-13T01:11:44","modified_gmt":"2026-04-12T19:41:44","slug":"journal3-users","status":"publish","type":"docs","link":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/","title":{"rendered":"Journal3 Users"},"content":{"rendered":"\n

Install Patch (only for PRO Variant Users)<\/h2>\n\n\n\n

Download and Install Journal3 Patch (as per your OpenCart version), after following the installation steps mentioned in the previous articles.<\/p>\n\n\n\n

You can find the patch from your license section.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\n\n\n\n

More Setup for Journal3 Template (for all variants)<\/h2>\n\n\n\n

Disable:<\/strong> Journal > Product Extras > Extra Button for Notify Stock (if added)<\/p>\n\n\n\n

Enable:<\/strong> Journal > Styles > Product Page > Add to Cart >  Out of stock visibility > Enable <\/p>\n\n\n\n

\n\n\n\n

Optional CSS Setup<\/h2>\n\n\n\n

If you see the notify button is not aligned properly on product pages, try the following<\/p>\n\n\n\n

Add the following style to the class .notify-button <\/strong><\/em><\/p>\n\n\n\n

width:50%; <\/pre>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\n\n\n\n
(Optional) Add code to common.js file<\/h2>\n\n\n\n
Open catalog\/view\/theme\/journal3\/js\/common.js<\/p>\n\n\n\n
Add the following as shown in the screenshot below.<\/p>\n\n\n\n
if (json['hberror']){
if (json['hberror']['oosn']) {
notifypop(json['hberror']['oosn']);
return false;
}
}<\/pre>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\n\n\n\n
For Journal3.2.0 Users <\/h3>\n\n\n\n
In Journal > Skins > Edit > Product Listing > Product Grid styles and Product List Style, just quick edit the style: <\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Inside the style look in in the Button Group > Add to Cart sections make sure there is no value in the Out of Stock Opacity to<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Do the same for the product page style in Journal > Skins > Edit > Product Page > Product Page Style > Quick Edit… in the button add to cart section, remove any opacity from the out of stock option.<\/p>\n\n\n\n
In Journal > Skins > Edit > Product Listing > Product Grid styles > Required Options Popup > Popup Status [Set to off]<\/p>\n\n\n\n
How do you override the cart icon and place the bell icon for out-of-stock products on the category page?<\/h3>\n\n\n\n
You can easily change the icon to bell icon by pasting this code in Journal > System > Settings > Custom Code > CSS:<\/p>\n\n\n\n
.global-wrapper .site-wrapper a.btn-cart.bell-icon:before {
content: \"\\f0f3\" !important;
font-family: 'FontAwesome' !important;
font-weight: unset !important;
font-size: unset !important;
color: inherit !important;
margin-right: 0 !important;
}<\/pre>\n\n\n\n
\n\n\n\n
For OpenCart 2.3.x.x and Journal3 Users <\/h3>\n\n\n\n
Go to Admin : Extensions <\/strong><\/em>> Extensions <\/strong><\/em>> Select Themes <\/strong><\/em>from drop-down > Edit Default Store Theme<\/em><\/strong>. Choose journal3 <\/strong><\/em>for theme directory.<\/p>\n\n\n\n
\n
\"\"<\/figure>\n<\/figure>\n","protected":false},"featured_media":0,"parent":429,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-863","docs","type-docs","status-publish","hentry"],"yoast_head":"\nJournal3 Users - HuntBee Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Journal3 Users - HuntBee Resources\" \/>\n<meta property=\"og:description\" content=\"Install Patch (only for PRO Variant Users) Download and Install Journal3 Patch (as per your OpenCart version), after following the installation steps mentioned in the previous articles. You can find the patch from your license section. More Setup for Journal3 Template (for all variants) Disable: Journal > Product Extras > Extra Button for Notify Stock […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/\" \/>\n<meta property=\"og:site_name\" content=\"HuntBee Resources\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huntbee.opencart\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-12T19:41:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2021\/11\/image-20.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1401\" \/>\n\t<meta property=\"og:image:height\" content=\"337\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/\",\"name\":\"Journal3 Users - HuntBee Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-20-1024x246.png\",\"datePublished\":\"2018-11-21T06:08:37+00:00\",\"dateModified\":\"2026-04-12T19:41:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-20.png\",\"contentUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/image-20.png\",\"width\":1401,\"height\":337},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/journal3-users\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Stock Notification\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Installation\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/product-stock-notification\\\/installation\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Journal3 Users\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"name\":\"HuntBee Resources\",\"description\":\"OpenCart Extension Documentations - Guides - Blogs - Projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\",\"name\":\"HuntBee OpenCart\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"width\":945,\"height\":200,\"caption\":\"HuntBee OpenCart\"},\"image\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huntbee.opencart\",\"https:\\\/\\\/www.instagram.com\\\/opencart.huntbee\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Journal3 Users - HuntBee Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/","og_locale":"en_US","og_type":"article","og_title":"Journal3 Users - HuntBee Resources","og_description":"Install Patch (only for PRO Variant Users) Download and Install Journal3 Patch (as per your OpenCart version), after following the installation steps mentioned in the previous articles. You can find the patch from your license section. More Setup for Journal3 Template (for all variants) Disable: Journal > Product Extras > Extra Button for Notify Stock […]","og_url":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/","og_site_name":"HuntBee Resources","article_publisher":"https:\/\/www.facebook.com\/huntbee.opencart","article_modified_time":"2026-04-12T19:41:44+00:00","og_image":[{"width":1401,"height":337,"url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2021\/11\/image-20.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/","url":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/","name":"Journal3 Users - HuntBee Resources","isPartOf":{"@id":"https:\/\/www.huntbee.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/#primaryimage"},"image":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/#primaryimage"},"thumbnailUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2021\/11\/image-20-1024x246.png","datePublished":"2018-11-21T06:08:37+00:00","dateModified":"2026-04-12T19:41:44+00:00","breadcrumb":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/#primaryimage","url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2021\/11\/image-20.png","contentUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2021\/11\/image-20.png","width":1401,"height":337},{"@type":"BreadcrumbList","@id":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal3-users\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.huntbee.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Product Stock Notification","item":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/"},{"@type":"ListItem","position":3,"name":"Installation","item":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/"},{"@type":"ListItem","position":4,"name":"Journal3 Users"}]},{"@type":"WebSite","@id":"https:\/\/www.huntbee.com\/resources\/#website","url":"https:\/\/www.huntbee.com\/resources\/","name":"HuntBee Resources","description":"OpenCart Extension Documentations - Guides - Blogs - Projects","publisher":{"@id":"https:\/\/www.huntbee.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.huntbee.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.huntbee.com\/resources\/#organization","name":"HuntBee OpenCart","url":"https:\/\/www.huntbee.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","contentUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","width":945,"height":200,"caption":"HuntBee OpenCart"},"image":{"@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huntbee.opencart","https:\/\/www.instagram.com\/opencart.huntbee\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/comments?post=863"}],"version-history":[{"count":13,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/863\/revisions"}],"predecessor-version":[{"id":3970,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/863\/revisions\/3970"}],"up":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/429"}],"next":[{"title":"Enable Stock Alert Popup on Category Pages and Product Grids","link":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/enable-stock-alert-popup-on-category-pages-and-product-grids\/","href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/14925"}],"prev":[{"title":"Journal2 Users","link":"https:\/\/www.huntbee.com\/resources\/docs\/product-stock-notification\/installation\/journal2-users\/","href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/842"}],"wp:attachment":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/media?parent=863"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}