#503 Random Letter 'X' Appears Above Every Related Product On Product Page

Posted in ‘Technical Support / Bugs’
This is a public ticket

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

Latest post by Adam Melcher on Monday, 20 October 2025 10:59 UTC

Mickey Mouse

Hi

I am styling the 'Related Products' section on the J2Commerce product page.

All is looking good, but there is a random letter 'x' above every related product. I cannot get rid of this. Please see secreenshot.

I hope you can help. Thank you.

Olivier

Mickey,

can you check your template overrides? Specifically in the themes like bootstrap 5 for instance. In view_upsells.php.

Olivier.

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Mickey Mouse

Thanks Olivier

I have looked at view_upsells.php as you suggested but cannot locate the issue. I checked bootstrap5 and tag_bootstrap5.

Any further insight would be greatly appreciated:)

 

Adam Melcher

Reviewing the website link that you included in this ticket, I have a better idea of what is most likely happening:

You aren't using the Bootstrap 5 subtemplate as the parent class for the detail page is showing bs3 so:

You are using the latest version of J2C 4.0.18 which means any override files would reside in either:

  • a Bootstrap 3 plugin found here: plugins/j2store/app_bootstrap3/app_bootstrap3/tmpl/bootstrap3
  • template override found here: templates/<your template>/html/com_j2store/templates/bootstrap 

This is assuming you aren't using the tag views (if you are, then search in the same named folders with _tag at the end)

the file would still be view_upsells.php as Olivier referenced in the earlier reply.

Since the html itself in that display is not the same as what is included in the component, it's not a component issue, rather a template layout override issue so this should be able to point you in the right direction. 


Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Mickey Mouse

Thank you Adam

The overrides I have been using were found in

plugins/app_bootstrap5/tmpl/tag_bootstrap5

and copied to

templates/<my template>/html/com_j2store/templates/tag_bootstrap5

I have been looking at the view_upsells.php as recommended and changes I make do show up on the 'Related Producs' part of the page. But I still cannot get rid of that pesky X character. The 'X' text character does not have its own tag, so targeting with CSS is difficult but I have now done a very inelegant custom css workaround.

 .upsell-product {color:transparent;}

This makes the X character transparent (but it is still taking up space), unfortunately this also makes the price label on the related items transparent. So I added another CSS line

.upsell-product .product-element-value {color:black !important;}

This is a horrible workaround, but kind of does the job!

I appreciate your help. I will revisit this and try to come up with a better solution.

Adam Melcher

If you can give me temporary access to the backend, I can view your settings and tell you exactly where to find the file that is mucking things up.

 

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Adam Melcher

I am closing this ticket. If you still need help with this, please don't hesitate to open a new ticket.

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Stay Updated

Subscribe for free and be the first to know about the latest features, updates, and new additions.