I'm getting overruns with the categories and product names on mobile due to it being too long.
I have attached a picture for reference.
Is there anyway to shorten this(other than shortening the name)? I notice that on some sites they would shorten it with a "..." or simply let the name continue on the next line.
Any help is greatly appreciated.
Well, you could hide the breadcrumbs in the Theme product.twig
file in mobile View, by changing:
<ul class="breadcrumb">
to
<ul class="breadcrumb hidden-xs">
Ernie
---
file in mobile View, by changing:
<ul class="breadcrumb">
to
<ul class="breadcrumb hidden-xs">
Ernie
---
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
After trying it, the mobile page still was the same. Nonetheless thank you for the help.
If anyone has any ideas pleas chime in.
If anyone has any ideas pleas chime in.
Well, I just hope, that you cleared out all your Cache Systems, before trying...
Good Luck!
Ernie
Good Luck!
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
I'm going try this again. Last time i tried doing this through the front but i guess i need to go through the root folder. Can you give me the exact location of the file product.twiq
catalog/view/theme/(your theme name)/template/common/header.twig
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
After following your steps, I was able to hide breadcrumbs but only in the default theme(in the theme editor). I use a custom theme which isn't too different from default. Sadly changing the product.twiq for the custom theme in cpanel didnt work.
Is their a way for the theme editor to recognize another theme?
Well, but THIS class="breadcrumb must be part of your Theme Product file,<ul class="breadcrumb hidden-xs">
class="breadcrumb
and, if so, just change it to:
class="breadcrumb hidden-xs
exactly, as it's written just above!
And if you don't find it, call the fellow, who sold you the theme...
Ernie
PS. It's at the top of a Page, as shown below:
Code: Select all
{{ header }}
<div id="product-product" class="container">
<ul class="breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ul>My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
I'm contacting the theme maker. For some reason editing the product.twig file for the custom theme doesn't make any changes. This includes things like footer.twig also.
Problem has been solved.
Apparently the modifications to the files must be done before the theme is chosen for the first time in extensions.
Apparently the modifications to the files must be done before the theme is chosen for the first time in extensions.
Well that doesn't sound right, it's more like that's a way to force the cache to clear.nofingers4u wrote: ↑Mon Jun 11, 2018 12:59 pmApparently the modifications to the files must be done before the theme is chosen for the first time in extensions.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Guru Member
Who is online
Users browsing this forum: No registered users and 418 guests
