Skip to Content

New J2Commerce 6.6.5 is out. Here is everything in the release.

See What’s New

Search

Start For Free
Account
Enter the email address on your account.
Forgot your username?
Enter your password.
Forgot your password?

Or continue with

Closed Public Technical Support / Bugs Ticket #396

Bootstrap 5 Template Overrides

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Conversation

Britt Ambrose

Hello there,

First of all—huge kudos to the team for picking up and evolving J2Store! We're genuinely excited to dive into the new J2Commerce and continue working with this fantastic platform.

I'm currently performing my first migration from Joomla 3 to Joomla 4. While it’s been a bit hair-raising getting everything across, I’ve survived—and now slowly reactivating everything after the necessary deactivations.

Now that my previous overrides are inactive, I'm looking to create new template overrides using the updated J2Commerce codebase, especially for areas where we used custom logic that deviated from the standard output.

 

My Setup:

  • Template: Helix Ultimate
  • Frontend Framework Selected in J2Commerce: Bootstrap 5
  • Joomla 4
  • PHP: 8.1.0

 

What I’m trying to override:

Previously, in J3, we had an override for view_tabs.php that allowed us to insert our own custom field tabs (not using specifications).

This was located in: 

/templates/shaper_helixultimate/html/com_j2store/templates/bootstrap3/view_tabs.php

You can view this in action on the live legacy site:
👉 https://www.yanallafarms.com.au/shop/lychee

Now on the J4 dev site, I’d like to replicate this on the new J2Commerce version:
👉 https://dev.yanallafarms.com.au/shop/lychee

 

I believe the updated file I need to override is: 

/plugins/j2store/app_bootstrap5/app_bootstrap5/tmpl/bootstrap5/view_tabs.php

 

Where I’ve tried placing the override (without success):

 /templates/shaper_helixultimate/html/plugins/j2store/bootstrap5/view_tabs.php 

/templates/shaper_helixultimate/html/plugins/j2store/bootstrap5/app_bootstrap5/view_tabs.php

 

Could you please confirm where Bootstrap 5 template overrides should now be placed in J2Commerce? I suspect the override logic has changed from the legacy setup and would love clarification.

 

Other overrides:

In addition to view_tabs.php, I’ll also need to override views for:

  • Mini cart
  • Checkout
  • My Profile

 

Am I right in assuming the override paths will still be similar to the legacy structure? For example:

/templates/shaper_helixultimate/html/j2store/cart 

/templates/shaper_helixultimate/html/j2store/checkout 

/templates/shaper_helixultimate/html/j2store/myprofile

 

Thanks so much in advance for your guidance—and looking forward to seeing J2Commerce evolve even further.

Warm regards,
Britt

 

Attachments

legacy-j2store-tab-override.png
new-location-j2store-tab.png
The ticket information has been edited by Britt Ambrose (britt@brittambrosedesign.com).
Adam Melcher Staff

Brit,

Thank you for being so patient with J2 over the past couple of years, as well as for your trust in the new team. 

You are almost there. In version 4.x, overrides for templates still sit in the template html folder. Just change the j2store references in your ticket to com_j2store and you should be good to go.
/templates/shaper_helixultimate/html/j2store/myprofile should be

/templates/shaper_helixultimate/html/com_j2store/myprofile

/templates/shaper_helixultimate/html/com_j2store/checkout  and so on...

 

Let me know if you run into any other issues. The transition from Joomla 3 to Joomla 4/5 isn't a walk in the park, but hopefully, the migration tools and guide made it a little easier on you :)

Adam

Britt Ambrose

Thanks Adam,

Great to get some clarity on the ovverides for general views - cart, profile etc...

I'm still a little unclear about the first part of my post for the placement of the bootstrap5 overrides e.g. view_tabs.php 

Can you please guide me on the correct paths for these types of overrides, specifi to bootstrap 5.

 

Much appreciated

Britt

Adam Melcher Staff

Britt,

 

The exact location the template override files would go based on your previous examples:

/templates/shaper_helixultimate/html/com_j2store/templates/bootstrap5/view_tabs.php

If you are migrating from a J2Store 3 site (which used Bootstrap 2 or 3) you will need to be careful of just dropping in the old layout file without comparing the bootstrap 5 version (which can be found in plugins/j2store/app_bootstrap5/app_bootstrap5/tmpl/bootstrap5/view_tabs.php) as J2Store 4 uses Bootstrap 5 which uses different html data attributes to designate tabs, tooltips, etc... 

Adam

Britt Ambrose

Hi Adam,

Thank you, that clarifies the location logic - and yes I decided not to drop in previous overirdes and only work with the new.

A lot more eeffort up front, but hopefully carry me forward more seamlessly as the new J2Commerce evolves.

Much appreciated

Britt

 

Adam Melcher Staff

Britt,

 

Glad I could help. I am going to close this ticket, but if you have any other questions, you know how to find us :)

 

Adam