Post by nofingers4u » Sun Jun 10, 2018 3:27 pm

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.

Attachments

Screenshot_20180610-002450.png

Screenshot_20180610-002450.png (304.05 KiB) Viewed 416 times


Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by IP_CAM » Sun Jun 10, 2018 10:34 pm

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
---
Image

Attachments

hide_breadcrumbs_in_mobile_view.jpg

hide_breadcrumbs_in_mobile_view.jpg (104.33 KiB) Viewed 388 times


For Sale: Top URL's, including an OpenCart V-Pro Installation, similar to:
http://www.bigmax.ch - http://www.ipcam.li - http://www.jti.li
For Information + URL's offered, please contact me at: jti@jacob.ch
I am NOT available for Custom Support in existing OC Installations!
My Github Repositories: https://github.com/IP-CAM
Image


User avatar
Guru Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by nofingers4u » Mon Jun 11, 2018 12:56 am

After trying it, the mobile page still was the same. Nonetheless thank you for the help.

If anyone has any ideas pleas chime in.

Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by IP_CAM » Mon Jun 11, 2018 2:40 am

Well, I just hope, that you cleared out all your Cache Systems, before trying...
Good Luck! ;)
Ernie

For Sale: Top URL's, including an OpenCart V-Pro Installation, similar to:
http://www.bigmax.ch - http://www.ipcam.li - http://www.jti.li
For Information + URL's offered, please contact me at: jti@jacob.ch
I am NOT available for Custom Support in existing OC Installations!
My Github Repositories: https://github.com/IP-CAM
Image


User avatar
Guru Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by nofingers4u » Mon Jun 11, 2018 5:50 am

IP_CAM wrote:
Mon Jun 11, 2018 2:40 am
Well, I just hope, that you cleared out all your Cache Systems, before trying...
Good Luck! ;)
Ernie
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

Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by IP_CAM » Mon Jun 11, 2018 6:14 am

catalog/view/theme/(your theme name)/template/common/header.twig

For Sale: Top URL's, including an OpenCart V-Pro Installation, similar to:
http://www.bigmax.ch - http://www.ipcam.li - http://www.jti.li
For Information + URL's offered, please contact me at: jti@jacob.ch
I am NOT available for Custom Support in existing OC Installations!
My Github Repositories: https://github.com/IP-CAM
Image


User avatar
Guru Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by nofingers4u » Mon Jun 11, 2018 6:24 am

IP_CAM wrote:
Sun Jun 10, 2018 10:34 pm
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
---
Image
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?

Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by IP_CAM » Mon Jun 11, 2018 6:43 am

<ul class="breadcrumb hidden-xs">
Well, but THIS class="breadcrumb must be part of your Theme Product file,
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>

For Sale: Top URL's, including an OpenCart V-Pro Installation, similar to:
http://www.bigmax.ch - http://www.ipcam.li - http://www.jti.li
For Information + URL's offered, please contact me at: jti@jacob.ch
I am NOT available for Custom Support in existing OC Installations!
My Github Repositories: https://github.com/IP-CAM
Image


User avatar
Guru Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by nofingers4u » Mon Jun 11, 2018 7:30 am

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.

Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by nofingers4u » Mon Jun 11, 2018 12:59 pm

Problem has been solved.

Apparently the modifications to the files must be done before the theme is chosen for the first time in extensions.

Newbie

Posts

Joined
Wed Jun 06, 2018 12:15 pm

Post by paulfeakins » Mon Jun 11, 2018 5:48 pm

nofingers4u wrote:
Mon Jun 11, 2018 12:59 pm
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.

For quick, professional OpenCart support please email info@antropy.co.uk


User avatar
Active Member

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - Reigate, Surrey, United Kingdom
Who is online

Users browsing this forum: No registered users and 15 guests