Some problems I can't fix

Hi. I have some problems I can't fix.

1. I installed Contact Enhanced, but it did not work. I asked the developer and he said:

I have checked and Contact Enhanced is NOT loading Bootstrap on your page. It is probably being loaded by another extension.

Just to proof it is not related to Contact Enhanced, it is not loaded on this page below and the same thing is happening:
http://www.islamnet.no/om-oss/om-islam-net/

contact enhanced.png

2. I was using JO Facebook Gallery, and the images are supposed to open in a light box (and they were doing it, but suddenly stopped) when clicking on the the small magnifying glass on the to right corner on the images: http://www.islamnet.no/multimedia/bilde ... /albums/1/ But they are not doing it anymore. I asked the developer and he said:

We have check in your site and http://www.islamnet.no/multimedia/bilde ... /albums/8/ and have some error js and you need fixed it and i think it is cause lightbox not popup image. You can see error js in file attachment below
And your facebook app is fine.

facebook js error.png

3. There is a grey line at the breadcrumbs position when I am inside a k2 article. This line is not supposed to be there. Link: http://www.islamnet.no/aktuelt/samfunns ... en-dreper/ See the picture:

grey line.png

4. The News show module called ''ISLAM21C DAGSAKTUELT'' and ''ISLAM21C ISLAMSKE ARTIKLER'' on my front page have added a grey area that is not supposed to be there and the module is stretching out of the template. I can't add more attachments, so just see it here http://www.islamnet.no.

5. The magnifying glass in the search field goes behind the text you type in. I.e. if you type a long text it will be displayed behind the magnifying glass. Just try it and you will see.

6. The search-box only works from the home page, not from other pages on the site. Try and you will see.

I apologize for asking so many questions at one time, but I just did not know how to fix these things. I really appreciate the awesome support Gavick provides. Thank you!

Hi

1. None of our templates or extensions are using bootstrap, so if this extension needs it You will have to load it separately. Unfortunately since template is using a different library for same things as bootstrap provides this may bring conflicts.

2. I think this is connected with botstrap again. 'tooltip' function has it's definitions there, so I believe this should be resolved wher You add bootstrap or remove extension trying to use this function.

3. Add this code to override.css

Code: Select all

.breadcrumb {
    background-color: transparent;
}


Hi

4. Please remove "badge" from module class suffixes of this modules. Some other extension is using this class for a different functionality.

5. This is actually how this supposed to work, but if You want the icon not getting cover add this to override.css

Code: Select all

#mod-search-searchword {
    padding: 0 30px 0 12px;
}


6. You need to specify search results page. Simply add a menu item with a type of search to menu. If it will not get redirected there automatically try overwriting the url in module settings.

Hi, thank you for helping. I will only mention the points I still need some help with:

1. Contact Enhanced:
I forwarded your message to the developer and he says:

Since I cannot change Bootstrap and since their template is using the same CSS classes Bootstrap uses, it is much better if they change the badge class to something else and in order to make their templates compatible with Bootstrap.

Just a quick: This specific template will not work with any other extension that requires Bootstrap. That's way it is better if they make this small change, then us create a work around for it.

They can just use a prefix before the badge CSS rule, or before all CSS classes, in order to avoid incompatibilities. For example gvk-badge.

2. JO Facebook Gallery Light boc images:
You said:

I think this is connected with botstrap again. 'tooltip' function has it's definitions there, so I believe this should be resolved wher You add bootstrap or remove extension trying to use this function.

I don't understand exactly what you mean because I have not used bootstrap before and don't really know what it is, but I know it was working fine before, but suddenly stopped working. At the same time many more errors arose. Such as the error of the grey line.

3. Grey line at breadcrumbs position:
The code you provided does hide the grey line, but I don't think it solves the real problem. As you can see they area have somehow been stretched vertically. It was not like this a week ago. Something have happened to the template.

6. Search results only showing when searching from home page:
I tried what I understood that you meant, but it did not solve the problem. Maybe I misunderstood. Could you log in and have a look?

7. The breadcrumbs module showing wrong article:
The breadcrumbs module is showing the wrong article titles. See here for example:

wrong breadcrumb titles.png

8. Sharing buttons error:
The sharing button called ''p'' have suddenly popped out. See here:

p is wrong.png

9. Not able to upgrade Joomla:
I am no longer able to upgrade the joomla version from the back end. The page just become blank when I click ''install the update''.

I think there is some kind of conflict between some extentions or something, because most of these problems happened simultaneously.

Hi

1. There are no rules that bootstrap is a standard for joomla. If it was, than joomla would have include it in it's libraries. For now all I can advice is to remove the classes from template.css starting at line 819:

Code: Select all

/* Suffix badge-new */

.box.badge-new .header,
.box.badge-popular .header,
.box.badge-top .header,
.box.badge-hot .header,
.box.badge-video .header,
.box.badge-audio .header,
.box.badge-gallery .header {
   position: relative;
}

.box.badge-new .header::after,
.box.badge-popular .header::after,
.box.badge-top .header::after,
.box.badge-hot .header::after {
   background: #9eb931;
   color: #fff;
   content: "New";
   font-size: 10px;
   font-weight: bold;
   padding: 0 6px;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
}

.box.badge-video .header::after,
.box.badge-audio .header::after,
.box.badge-gallery .header::after {
   background: url('../images/badges.png') no-repeat;
   content: "";
   height: 20px;
   position: absolute;
   right: 0;
   top: 0;
   width: 26px;
   z-index: 1;   
}
.box.badge-audio .header::after {
   background-position: 0 -69px
}

.box.badge-gallery .header::after {
   background-position: 0 -132px
}

.box.badge-popular .header::after {
   background: #32aae2;
   content: "Popular";
}

.box.badge-top .header::after {
   background: #e25b32;
   content: "Top";
}

.box.badge-hot .header::after {
   background: #DBAE43;
   content: "Hot";
}


2. Bootstrap is a big pack of functions and styling which is making designing and styling easier and faster. We are designing each template separately so there is no load of a code which is not even used later. If bootstrap is causing so many problems You should replace the extension which brings it. I cannot just recode whole template to support bootstrap, sorry.

3. Try with this code than:

Code: Select all

#gkBreadcrumb ul {
    padding: 0;
    margin: 5px 0 0 10px;
}


Hi

6. I cannot check this problem since the access is not working anymore.

7. Tell me the exact url to this article with this problem. I'm clicking through but all titles adds up.

8. Another interference from bootstrap ;/ Add this to css:

Code: Select all

.item-social-icons > a {
    color: #fff !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 1;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 15px;
    width: 14px;
    vertical-align: text-top;
    height: 14px;
    float: left;
}


9. None of our extentions overwrites or replaces any files from backend, so it may be a broken file issue. Anyway try rise error showing level till this white screen will reveal what is going on exactly.
You may also try upgrade it manually so any broken files will be fixed anyway.

2. JO Facebook Gallery Light boX images: I don't know which extension is causing the problems. As mentioned; the facebook gallery was working fine before. So I don't think it requires bootstrap. Can there be anything else that is wrong?

3. Grey line at breadcrumbs position: The new code did the exact same as the first code. It removed the grey color, but it does not fix the stretching of the template that has occurred.

6. Search results only showing when searching from home page: Please try now.

7. The breadcrumbs module showing wrong article: The problem is in almost all articles. Try for example this one: http://www.islamnet.no/aktuelt/samfunns ... liserende/

Hi

2. I do not know this module at all, so I will have to study it first. For that I will need an access to joomla panel and ftp.

3. My code is not even on site right now. You have css cache activated and any changes to it are not showing till it's cleared.

6. That's because redirection is set to /aktuelt/samfunnsdebatten it's either in module or menu item settings.

7. This is hardly connected with out template, but to be 100% sure rename /html/mod_breadcrumbs to /html/_mod_breadcrumbs to disabled our override to this module.

PS: Please just send me this access so I'll be able to fix most of them myself.

Thanx a lot! I have sent you login and ftp detail on PM. Please have a look at the issues While you are there, I would appreciate if you could check and see if there are anything else wrong, because I am not able to update Joomla from the admin area either. I had to do last upgrade manually.

Hi

2. I cannot see anything wrong with this module ;/ Can You please tell me what is the problem ?
3. I've added my code to override.css and it worked.
6. This You need to report to joomla developers. I've tried but nothing is working and same problem exists on default joomla template.
7. After disabling cache this started to work.

2. Try clicking on the magnifying glass on the top right corner of the images to open them up in a light box. The images are in stead opening in a new tab. Link: http://www.islamnet.no/multimedia/bilde ... /albums/1/

3. Please open the Gavick demo site and compare to my site in another tab, and you will see that the demo site is vertically some pixels less then my site in the breadcrumbs area. It was not like that before. It just happened, and I don't know how or why.

6. Do you have a link to where I can report it?

7. Disabling cache is not the best solution I think. If you try to browse the site now after you made the changes, it is extremely slow and not usable at all. Can you please see if there are other ways to fix this issue and also see why the site has become so slow now?

7. I turned on caching again and just disabled it in the breadcrumbs module, and now it is working great.

Hi

First of all. Your cache reached maximum execution time and site was showing a white screen I had to disable it. Looks like there is too many extensions on the site already and some pages does not have enough time to get cached.

2. Now I can see. It's not happening in same module type on the page I was checking. On this page there are some javascript conflicts:

TypeError: jQuery(...).tooltip is not a function
jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});


/multim...bums/1/ (wiersz 220, kolumna 2)
TypeError: jQuery(...).fitVids is not a function
jQuery("body").fitVids();

I would say because of different jQuery version loaded. Joomla is using version 1.11.1 while this module is loading 1.9.1.

Try using Easy jQuery and force website to use just one jQuery library.

3. Copy this to override.css

Code: Select all

#gkBreadcrumb,
#mod-search-searchword {
    margin: 0;
}


there were an extra margin added by bootstrap.

6. Just start a new thread on their forum.

7. Try a different cache solution (other than progressive) or a different extensions entirely as jotCache for example. The joomla default one looks to have problems with Your choice of extensions.