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.
Closed Public
Category: Technical Support / Bugs
Ticket #503
Random Letter 'X' Appears Above Every Related Product On Product Page
This is a public ticket
Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Conversation
Mickey,
can you check your template overrides? Specifically in the themes like bootstrap 5 for instance. In view_upsells.php.
Olivier.
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:)
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
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.
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
I am closing this ticket. If you still need help with this, please don't hesitate to open a new ticket.
Adam
