Some troubles with Quark

Hi guys,

Some questions about the Quark template i have some troubles with.

There a lot of question so if you just answer one i am happy man! And sorry for my english


(1) [SOLVED] The menu on some pages appears black but i want all white how can i change everything to white?
(2) The image show GK4, only one style works and that style is quark. I also want to use another style. One some styles i get an error like:

Strict Standards: Non-static method GKIS_Image::createThumbnail() should not be called statically, assuming $this from incompatible context in modules/mod_image_show_gk4/styles/gk_storefront/controller.php on line 56

Strict Standards: Non-static method GKIS_Image::checkCache() should not be called statically, assuming $this from incompatible context in modules/mod_image_show_gk4/class.image.php on line 56

(3) I want to use an web icon but the icon didn't show. I want play icon to start the video. I used this but the play button didn't show.

Code: Select all

<a href="#" class="gk-video-link gk-add-rotate-animation" data-url="https://www.youtube.com/embed/7tBajo_DV5Y" data-width="1280" data-height="720" data-sr="enter bottom and move 50px">Product landing page theme <i class="fa fa-play"></i> Play</a>

(4) https://demo.gavick.com/joomla3/quark/gallery how can i at here more then 15 pictures? I tried but it didn't show correctly

(5) https://demo.gavick.com/joomla3/quark/gallery#&gid=1&pid=1 how can i remove the download button.

thank you very much!

Sam

Hi

1. There is a page class suffix in template configuration "dark-bg" which have to be removed to get rid of white menu.
2. Those are not really errors, just messages. Please go to global joomla configuration for server and set the error showing level to none.
3. Need to see the exact page where this is used.
4. Need to see how it was made as well.
5. What button? Can You tell me what to do to see it ?

Hi

You have send me some links, but I have found only the gallery question relation there, so answering 4:

4. Gallery is an ordinary article where You need to place HTML5 code. In order to do that, You first need to go to user manager and change editor to "none". It's important because joomla editors do not support HTML5 code which will be required. Second step is to locate Gallery article. There You will find a code like:

Code: Select all

<div data-cols="3" class="gk-cols gk-gallery" data-pswp-uid="1">
    <div>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image1.jpg"><img width="334" height="334" alt="Thumbnail I" src="/images/demo/gallery/thumb1.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image2.jpg"><img width="335" height="224" alt="Thumbnail II" src="/images/demo/gallery/thumb2.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image3.jpg"><img width="335" height="251" alt="Thumbnail III" src="/images/demo/gallery/thumb3.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image4.jpg"><img width="335" height="224" alt="Thumbnail IV" src="/images/demo/gallery/thumb4.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image5.jpg"><img width="335" height="504" alt="Thumbnail V" src="/images/demo/gallery/thumb5.jpg"></a>
    </div>
    <div>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image6.jpg"><img width="305" height="457" alt="Thumbnail VI" src="/images/demo/gallery/thumb6.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image7.jpg"><img width="305" height="203" alt="Thumbnail VII" src="/images/demo/gallery/thumb7.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image8.jpg"><img width="305" height="204" alt="Thumbnail VIII" src="/images/demo/gallery/thumb8.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image9.jpg"><img width="305" height="406" alt="Thumbnail IX" src="/images/demo/gallery/thumb9.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image10.jpg"><img width="305" height="203" alt="Thumbnail X" src="/images/demo/gallery/thumb10.jpg"></a>
    </div>
    <div>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image11.jpg"><img width="297" height="198" alt="Thumbnail XI" src="/images/demo/gallery/thumb11.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image12.jpg"><img width="297" height="329" alt="Thumbnail XII" src="/images/demo/gallery/thumb12.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image13.jpg"><img width="297" height="436" alt="Thumbnail XIII" src="/images/demo/gallery/thumb13.jpg"></a>
        <a data-desc="" data-title="" data-size="1280x853" href="/images/demo/gallery/image14.jpg"><img width="297" height="199" alt="Thumbnail XIV" src="/images/demo/gallery/thumb14.jpg"></a>
        <a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image15.jpg"><img width="297" height="196" alt="Thumbnail XV" src="/images/demo/gallery/thumb15.jpg"></a>
    </div>
</div>


so You see 3 main <div></div> which are columns, You can use each of this columns to add more images with a code like:

Code: Select all

<a data-desc="" data-title="" data-size="850x1280" href="/images/demo/gallery/image15.jpg"><img width="297" height="196" alt="Thumbnail XV" src="/images/demo/gallery/thumb15.jpg"></a>


(3) is solved! I used tinymce but changing to NONE and re enter the code worked like charm. Thanks by Oscar E . Thank you Oscar!

(4) is solved! I used tinymce but changing to NONE en re enter the code of TEITBITE. thanks teitbite!!!

Wow That is awesome thank you.

I used to use tinymce but i will now use none!

I have attach problem (5). You can see here the download button in the gallery. How can i turn this off?

problem (2) : And i wille send you link of my gallery with the error, so if you have time you can look to the errors.
Without thumbs the gallery does have less erros.

Thanks again!

Hi

2. Do You mean "Strict Standards:" ? It's just a notification that code used has not met the latest codding standards, but PHP will process old programming styles as well, so You can get rid of it by changing error showing level to "None" in global joomla settings for server.

Hi thanks for answering,

I have turned the errors to none. And the errors does not show any more!.

But the main problem is still there. Only the style Quarks work. The style like photo, bikestore, rockwall don't work, and etc.. I already tried re-installing. In the link i have send you can see the picture is not loading. And also thumbnails not showing.

Is there a fix for this?

Hi

I can see an error showing in console:

TypeError: window.addEvent is not a function
window.addEvent("load",function(){

in file: /modules/mod_image_show_gk4/styles/gk_photo/engine.js

This looks like a mootools code and I do not see mootools libraries attached to website. Try add them, so rest of the Image Show style should work.

problem (2) is solved! all styles work now. Turn the mootools in the template setting on and everything runs smoothly! Fixed by teitbite!


Hi it worked like charm,
i turned the mootools in the template setting on and everything worked! Thanks you are a legend!!

Just problem 5 is left. Can i turn the download button off in the gallery when you have clicked on the picture and then share button? see attach picture.

Thanks again!

Hi

Add this to css:

Code: Select all

a.pswp__share--download {
    display: none;
}


WOW.

I had first to search where to put that and i found it.

Joomla admin> extensions > Template maneger > qk_quark > advanced settings > custom css> copy here!

problem (5) solved by teitbite!

Dude you are great!!

All problems are solved thanks again for everyone involved in fixing the problems!

And i hope is handy for noobs like me in the future!

Have a nice weekend!

Hi

No problem. Glad I could help