News Show Pro and Falang Language Switcher

Hello,

I would like to help in two issues I have

1) in the Article format text of News Show Pro GK5 ver. 1.6.3 have the following code. The second line control the image that will be displayed as thumb in the frontend. I would like to use in the frontend the image I will add in the area of introtext and when I click to the event to load the image of K2 {IMAGE_SRC}. I try to change the {IMAGE_SRC} to {introimage} but doesn't function. Could you help me more?

Code: Select all

<div class="gkEventInfo">
<a href="{URL}"><img src="{IMAGE_SRC}" alt="{TITLE}" /></a>
<div>
<h3><a href="{URL}">{TITLE}</a></h3>
<small><i class="gk-icon-clock-solid"></i>{{eventhours}}</small>
</div>
</div>


2) I have installed the Falang language switcher and I would like to be displayed in the right side of menu. Which position I have to choose or how can I do it?

Best Regards.

Hello,

1. Unfortunately currently images from the K2 content are not supported - I will add it in the v.1.7 of the module.
2. There is no module position in that place - you have to add your own one.

Hi

1. There is only a couple of masks available within the module scheme and what You are trying to do is not possible yet. I'm afrid You wll need to find a different module for this.

2. Take a look at this post: https://www.gavick.com/documentation/jo ... -switcher/

Hello,

I have try to add a module at the right to the main menu but unfortunately I didn't managed it.

In the templateDetails.xml I have added this

Code: Select all

<position>falang</position>


and in the default.php I have added this

Code: Select all

      <!--falang >
      <?php if($this->API->get('show_menu', 1)) : ?>
       <div id="gkMainMenu" class="gkMenuClassic">
               <jdoc:include type="modules" name="falang" style="gk_style" />                             
            <?php
                          $this->mainmenu->loadMenu($this->API->get('menu_name','mainmenu'));
                           $this->mainmenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));
                       ?>
       </div>
       <?php endif; ?>


and then I get grey screen. Maybe it is completely wrong. Could you help me more to add in the right side of menu the language switcher?

Also I would like to ask when you are planning to release the v.1.7 of the module for k2 content images?

Best Regards.

Hi

It's a wrong place to add. Try outside of #gkMainMenu layer. Also this part of the code is wrong:

Code: Select all

<!--falang >


If I'm not mistaken it will hide lmost everything on the page, so please remove it.

Hello

this code is a just a comment <!--falang >

Could you please tell me the right code and where I should add it?

Best Regards.

Hi

I do not know this connenting syntax. I thought this shoul be:

<!-- falang -->

You need to move it outside menu layer. Please send me an access to FTP if you will have problems with it.

Hi

I got ftp and I edited the file in question but the code we are talking about is not there. I'm assuming You've removed it (hoping it's not wrong server). Anyway I've added it just before the ending of <header> tag:

Code: Select all

       <header id="gkHeader"<?php if(in_array('frontpage', $page_suffix_table) === FALSE) : ?> class="menu-visible"<?php endif; ?>>      
         <div id="gkHeaderNav"<?php if(in_array('frontpage', $page_suffix_table) === FALSE) : ?> class="static"<?php endif; ?>>
            <div class="gkPage">
                    <?php $this->layout->loadBlock('logo_small'); ?>
                    
                    <?php if($this->API->get('show_menu', 1)) : ?>
                    <div id="gkMainMenu" class="gkMenuClassic">
                            <?php
                          $this->mainmenu->loadMenu($this->API->get('menu_name','mainmenu'));
                           $this->mainmenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));
                       ?>
                    </div>
                    <?php endif; ?>
                 
                    <?php if($this->API->get('show_menu', 1)) : ?>
                    <div id="gkMobileMenu" class="gkPage">
                        <i id="static-aside-menu-toggler" class="fa fa-bars"></i>
                    </div>
                    <?php endif; ?>
             </div>
          </div>
          
          <?php if($this->API->modules('header')) : ?>
          <div id="gkHeaderMod">
             <div class="gkPage">
                <?php $this->layout->loadBlock('logo'); ?>
                <jdoc:include type="modules" name="header" style="none" />
             </div>
         </div>
          <?php endif; ?>

      <jdoc:include type="modules" name="falang" />
       </header>


About the login problem issues You've mentioned in PM I cannot help, becuase I do not even know Your site's url, not mentioning an access to admin panel. But if You will send me an access to database manager I can reset the password for You.

Hello,

Fortunately I have fixed my problem with the admin login.

As it concerns the new module in the menu, I have set the falang module to the falang position but it doesn't work.
Could you help me more? Also could you tell in which file do you add the code because I can't find?

Best Regards.

Good Morning.

I'm so sorry. I forget to send you my website and its credentials.

I have sent them in private message.

Best Regards.

Hi

layout/default.php but looks like it was overwritten since yesterday and I had to put the code again and than added this code to override.css:

Code: Select all

.mod-languages {
    position: fixed;
    right: 100px;
    top: 0;
    background-color: #dddddd;
    border-radius: 0 0 5px 5px;
    z-index: 99999;
}


Hello,

1. ok, I can see the code now. But the problem still exist. I still cannot see the flags in the right corner of menu. How can I view the flags?

Also I would like to ask you three more questions
2. I have some difficulties in mobile view. I try to fix them but I can't manage it.
First is that the logo does not fit to the mobile screen. When I fix the dimension of the mobile view it also changes the desktop view. I would like to different dimension but I don't know how... I have attached you an image about this.

3. In the header module ID 784 I have added one more button than the default one. The problem is that in the module view they are one next to other as a result the second not be visible. How can I make them responsive? I have attached you an image about this problem.

4. Also how can I make the main menu to be also visible in the frontpage instead to become visible after scrolling?

Here you can find the images for 2 and 3 question.

mobile.zip

Best Regards.

Hi

I've added some fixes to override.css, let me know if it's ok:

Code: Select all

.mod-languages {
    border-radius: 0 0 5px 5px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 99999;
}

#gkMainMenu {
    margin-right: 90px !important;
}

#gkHeaderNav {
    top: 0;
}

.frontpage #gkBg {
    padding-top: 74px;
}

#gkLogo.cssLogo {
    background-size: 100% auto;
    max-width: 400px;
    width: auto;
}

#gkMainMenu {
    position: relative;
}

#gkBg #gkMobileMenu {
    right: 65px;
    margin: 15px 0 9px !important;
}

#gkHeaderNav.active {
    height: 73px !important;
}

#gkHeaderNav.active #gkLogoSmall {
    left: 0 !important;
}

@media only screen and (max-width:570px) {
#gkHeaderMod table td {
    display: block;
}
}


Hello,

P-e-r-f-e-c-t !!!! It is more than perfect !!! Thank you very much!

However, I only one issue with the menu. Before you make this fixes, I have tried to fix the effect of menu movement but as you can see in the image I have attached to you I create problem to the menu. Could you also help me to this?

menu-issue.jpg

Best Regards.

Hi

I've added this line. Should be ok now

Code: Select all

#gkHeaderNav.static #gkMainMenu {
    left: 0;
    transform: none;
}


yes! perfect!

Thank you!

Hello,

I still have some questions. I have attached them in an image.

logo_and_footer.jpg

Also, I would to ask you how do you make the buttons "Read More" and "Register Now" in the header responsive?
I have made a trick for them and I had added in a table. I don't know if that is the right way.
Now I am thinking to add one more button in the center. May I add it in the table or there is another way?

Best Regards.

Hi

I do not like tables at all. I've found a method with style:

Code: Select all

button {
margin: 0 15px;
display: inline-block;
}


be more flexible, but leave it in table as You have it now. I have added a code to split table into rows for mobile to show buttons one under the other.

Please explain what You mean by "gained" according to logo. It's 160px always so there is no size change.

To reduce space over footer use this code:

Code: Select all

#gkFooterNav {
    margin-top: 50px;
}


Hello,

I have a difficulty changing a background color of the Header Module (ID: 784, position: header). It is a custom Html. I search inside the code to find the color but nothing changes. After, I try this code to the override.css

Code: Select all

#gkHeaderMod {
   background: #f0f0f0!important;
}


but nothing changes again.

Could you tell me where I can change this background color?

Best Regards.

Hello,

it changes . Maybe it was in the cache.

Best Regards.

Hello,

in the main menu, after the flags, there is a hide button that enable a nice vertical menu.

hide-button.jpg

How can I make this button visible?

Best Regards.

Hi

This button is hidden when in desktop view. It appears when You use a mobile device. It's basicaly a mobile menu and a button to trigger it

ok!

Then, please help me solve the following issue I have.

When I try to click on english flag the vertical menu appears. Maybe the english flag and the button override each other.

How can I solve this?

Best Regards.

Hi

I've lost an url to Your site, must have been in PMs I've deleted receantly. Sorry for that. Can You please send it again. And if You can please show me some screens with this problem.

No problem. I have sent you a PM. Please check.

Best Regards.

Hi

Do You mean any particular device or browser ? I can click on flags and it only moves to a different language. I believe it may be a problem for some screen widths only. Please send this screens after all.

My screen resolution is 1280x768 landscape. Please check with this resolution and you will see the problem. With the screen I cannot show you something because you should click to the English flag in order to see the problem.

Best Regards.

Hi

Now I can see it. Please add this to override.css and make sure to allow using override in template settings:

Code: Select all

#close-menu {
display: none;
}

#close-menu.menu-open {
display: block;
}


Perfect !!!

Thank you!