Post by sansou » Fri Feb 28, 2025 10:26 am

Dears, as the title, Space between"Show All"and "category.name" is gone after upgrade my site ch-power(dot)com oc3.0.2.0 to 3.0.4.1,
like the first one is "Show AllAbout CoHeart" under first category of main menu, the space between "AllAbout" is gone(which should be "Show All About CoHeart"),
I added &nbsp; in <a href="{{ category.href }}" class="see-all">{{ text_all }}&nbsp;{{ category.name }}</a> in menu.twig but not working,
cant find any related coding in stylesheet.css, any idea please?

New member

Posts

Joined
Fri Feb 17, 2017 11:00 pm

Post by sansou » Fri Feb 28, 2025 10:28 am

ps i used default theme with slight changes like colors

New member

Posts

Joined
Fri Feb 17, 2017 11:00 pm

Post by JNeuhoff » Fri Feb 28, 2025 5:52 pm

This issue doesn't exist in a standard OC 3.0.4.1. If you want help here, you have to provide some more details. For a start, what's your website URL? What theme? What exact changes in the stylesheet? What extensions?

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member
Online

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by knowband.plugins » Fri Feb 28, 2025 7:36 pm

We have checked your website (https://ch-power.com/), and it appears that modifications have been made to the core files (not specifically related to CSS), which may be causing the issue.

Could you please confirm what changes have been implemented? This will help us better understand the problem and assist you accordingly.

Regards,
Knowband Team

Opencart Plugins: Knowband Store
Email: support@knowband.com


User avatar
Active Member

Posts

Joined
Thu Aug 04, 2016 2:56 pm

Post by by mona » Fri Feb 28, 2025 8:10 pm

As per your previous query and this one as JNeuhoff has explained there is something not right about your understanding on which OC version you are running.
OC 3.0.4.0 does not use jquery-2.1.1.

The purpose of upgrading is to upgrade certain elements and jquery is an important one.
It would be much better for you to reinstall the site on a brand new OC3.0.4.0 which has all the upgrades and use JNeuhoff import / export tool or MySQL to transfer the database. You are running into problems that dont exist (and very difficult to fix without hiring a developer to look at your system) because how ever you have upgraded it has not worked correctly.

As a quick and imperfect solution to this issue you can try adding a space after {{ text_all }} in the language file.
Note you should not need to use &nbsp; " " should work for one space and " &nbsp; " should provide three spaces.
Another alternatives would be to add css classes.

Code: Select all

<span class="xall">{{ text_all }}</span> <span class="xcat">{{ category.name }}</span>

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by JNeuhoff » Fri Feb 28, 2025 8:21 pm

by mona wrote:
Fri Feb 28, 2025 8:10 pm
OC 3.0.4.0 does not use jquery-2.1.1.
OC 3.0.4.1 supports any of the jquery-2.1.1, jquery-3-7-0, and jquery-3-7-1, to keep it backward-compatible with themes from previous OC 3.0.x.x versions. The default theme of OC 3.0.4.1 uses jquery-3-7-1.

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member
Online

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by by mona » Fri Feb 28, 2025 8:41 pm

@JNeuhoff

The user does not suggest they have a theme and the site does not appear to have a theme either, just some css edits.

I can understand why backward compatibility is important, but the important reasons to upgrade your Opencart version are to upgrade jquery, bootstrap and php. Why go through all of the process of upgrading only to leave the important bits out? In admin it causes a few problems that can cost money to fix compatibility with not so much reward, but in the front end?

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by JNeuhoff » Fri Feb 28, 2025 8:51 pm

The admin backend in OC 3.0.4.0 uses jquery-3.7.0, and in OC 3.0.4.1 is uses jquery-3.7.1.
For the frontend we just kept the old jquery libraries because some themes try to be compatible accross the whole range of OC 3.0.x.x versions.

But yes, I agree, the OP should use the latest jquery library, as is the case for the catalog/view/theme/default/common/header.twig . So he's certainly done more than some simple CSS changes, and isn't using the latest header.twig .

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member
Online

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by alexjordan_now » Mon Mar 10, 2025 4:19 pm

knowband.plugins wrote:
Fri Feb 28, 2025 7:36 pm
We have checked your website (https://ch-power.com/), and it appears that modifications have been made to the core files (not specifically related to CSS), which may be causing the issue.

Could you please confirm what changes have been implemented? This will help us better understand the problem and assist you accordingly.
the issue might be related to CSS or how the new version renders spaces. Try checking white-space: nowrap; or display: inline-block; for the .see-all class in your CSS. Also, inspect the output in the browser’s dev tools to see if the space is being stripped.


Posts

Joined
Mon Mar 10, 2025 4:10 pm
Who is online

Users browsing this forum: No registered users and 10 guests