JA Megafilter issues

mlehr

I installed JA megafilter, see: http://www.wandelroutes.online/index.php/wandelroute-zoeken#sort=position&sortdir=desc
See also the printscreen with the numbers. Number correspond with my questions.
1. Some text is in English. How/where can I translate that in Dutch or use a completely new/other text?
2. Layout is messed up there, unreadable. How/where can I fix that?
3. Published date and the date itself are on 2 lines instead of 1. How/where can I fix that? Same problem other fields.
4. I do not want to show the word "Full text". How/where can I fix that?
5. I do not want to show the word "Title". How/where can I fix that?
6. How can I show a photo here? Or thumbnail?
7. In general: what would be the best option to do my css changes? In the custom css file of the template?
8. I read https://www.joomlart.com/documentation/joomla-component/ja-megafilter . Is there more documentation?

Thanx!

saguaros

Hi mlehr

1 - Perhaps this topic can help: https://www.joomlart.com/forums/d/24108-about-changing-filter-words
2 - 3 - It may due to the template you're using, kindly share the admin + FTP account of your site, I will check for you.

4 + 5 - These are titles of fields, you can turn off it via filter settings in Backend > Component > JA Megafilter > edit filter > Page Options: https://prnt.sc/qbbsd7

6 - In the same filter settings > Page Options > make sure that you drap & drop the thumbnail to the right column to show on frontend: https://prnt.sc/qbbt17

7 - Yes, it's best if you put your custom css into the override of template, normally a Joomla template offers a place to put custom css.

8 - It's documentation page of JA Megafilter only, if you're not clear in anything, pls let us know.

Regards

mlehr

Thanx saguaros

I tried language overrides. My language is Nederlands (Dutch). When I search for constantes COMJAM... nothing is found. When I set the language to English I do find the constates. How/where can I fix this?
I found the answer my self, so you don't have to answer this question. :-)
I tried several templates, but all show the same problem. Dit you receive my Joomla login?
-
Oké.
Oké.
I did. I only see the thumnail in the sidebar filter, but not in the search results. In the backend it says: GD2 library must be installed. Is that the problem? How can I do that?
I did and overrides work fine for Joomla content, but not for the Megafilter. E.g. I changed this background color: .ja-filter-wrapper .filter-content .filter-options-title span { background-color: #da3231; }I put in the custom.sccs. But the new color is not loaded, so nothing happens. Please advice.

Hope you can help!

saguaros

mlehr

2 - 3 - It due to the style of template you're using which override the Bootstrap style and cause the issue.

6 - I check articles on your site but you did not add any image for article: https://prnt.sc/qceoba

7 - I don't see that file on your site now, try with this custom css:

.ja-filter-wrapper .filter-content .filter-options-title span {
    background-color: #da3231 !important;
}

mlehr

saguaros

2 + 3 I have tried different templates, including Beez and Protostar, but they all have the same problem. So it seems to have something to do with the JA Megafilter code. How can I solve this? Which css code can I put in my custom.css file?

Regarding the translations. The COM_MEGAFILTER overrides work great. All others, the JGlobal (for example, JGLOBAL_FULL_TEXT) do not work. Even the translations of this type that have already been installed do not work. How can I solve that?

saguaros

mlehr

Could you share the ftp account also? I will check the css code.

mlehr

saguaros I just shared FTP.

saguaros

Hi mlehr

JA Megafilter uses some mockup of Bootstrap while the current Joomla template on your site seems not use Bootstrap so there is issue with style there. Could you check with template provider if their template supports Bootstrap 3?

For the translation, which text you can't translate? I will help you.

mlehr

See printscreen. Where a number is, I cannot translate.

I will ask the template builder about bootstrap 3.

mlehr

They say about Bootstrap: "No, not directly because Joomla itself does not support it."

So how can I solve the styling problems?

saguaros

mlehr

I guess their template still supports old Bootstrap 2, it's a pity as Joomla 4 is coming and it's built with Bootstrap 4.

For the style, let me check if I can help.

mlehr

saguaros
Please advise about the translations issues I send to you (post 9) and the styling issues (post 10 + 11 and before). Without solving these problems I cannot use the JA megafilter properly...

saguaros

mlehr

I tried to add some custom scss into the file: /templates/g5_helium/scss/custom.scss

but I did not see the changes on frontend, I'm not familiar with this gantry template, do I need to recompile scss too?

I want to ask you first as I don't know if recompile scss will affect any part of your site.

mlehr

The website is in developement mode, so all changes you make to the sccs file should be immediately visible. This file works well, unless I want to adjust things in the JA mega filter.
Can you try again?

saguaros

mlehr

I clear browser's cache but don't see my change in 'custom.scss' file. My code will help to show the title of custom field and the value side by side.

saguaros

mlehr

You can see it in 'custom.scss' file, does template support custom css?

mlehr

saguaros
Yes it supports custom css! All my other custom css work fine, but not css of GA Megafilter...pleae advise.

Translations? i am waiting for your reply on this...

mlehr

I found out that you had put the code in custom.css instead of custom.scss. I have now adjusted that and one of the styling issues has now been resolved.

Still remains the styling issue that you see on the print screen at the red arrow. Can you give me the css code to resolve this? Then I will put it myself in the right file.

And do you also let me know about the translations? See my previous posts about this and the large print screen with all items that are not translated.

saguaros

mlehr

It due to the space which is not enough to show all per row like that.

You can use this custom css:

.products-toolbar #limiter_chzn {
  width: 100px !important;
}

saguaros

For the translation, you can find the language constants here: /language/en-GB/en-GB.com_jamegafilter.ini

For example:

COM_JAMEGAFILTER_SORT_BY="Sort By"

You open the associated language file on your site: /language/xx-XX/xx-XX.com_jamegafilter.ini (xx is your language code)

COM_JAMEGAFILTER_SORT_BY="your desired text here"