Language Switcher Alongside Main Menu - Question | JoomShaper

Language Switcher Alongside Main Menu

Edze de Boer

Edze de Boer

Helix Framework 2 years ago

Hi guys,

In the Helix Ultimate template is it possible to show the Joomla language switcher module alongside the Main Menu items?

Kind regards, Edze de Boer

0
15 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #20062

Hi there,

Thanks for contacting us. Yes, you can assign your language switcher module alongside the menu via creating a module position.

This video will help you

https://www.youtube.com/watch?v=L10fZocyr5k

-Thanks

0
Anne
Anne
Accepted Answer
Support Agent 2 years ago #20069

Hello there,

Thanks for contacting with us.Yes, It is possible. You can disable the predefined header. https://prnt.sc/14iiw4t You need to create/add 3rd column in the header row, custom layout: 2,9,1. And set top3, then there publish language switcher module. Please, follow the documentation for custom header:https://www.joomshaper.com/documentation/helix-framework/helixultimate/layout-builder#how-to-create-a-custom-header

-Regards

0
A
angelos
Accepted Answer
3 months ago #146357

Hello and thanks for the question! I'm very intrested in this!

I use themis template. I don't know what is happening exactly but the comfiguration inside the website is this: https://ibb.co/FBGqPML

My website is here: https://www.rules-chess-strategies.com/en/ I have a menu item with a flag that drives to greek and english first page respectively. You can see it here: https://ibb.co/JySryb2

I have the language switcher in the bottom 3. There is a problem because it's little lower comparing to other 3 positions. You can see it here: https://ibb.co/5rr91q2 I don't know how to fix it.

I don't understand why the logo is OK in that position without a menu item. I don't know in which positon the menu item is!!

I don't know why the "title" or "position 1" exist. In any case right now it's working just fine...

If I chage some positions there, seperate them on 3 for example, then they will conflict with the logo...


What I'd like to have

I'd like to have the the logo, then the language switcher (replacing the already existing page) then the menu.

Your ideas are welcome!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 months ago #146482

Add this css code inside the template custom.css box.

#sp-bottom #sp-bottom3 {
    padding-top: 0px;
}
1
A
angelos
Accepted Answer
3 months ago #146498

Hello Toufiq,

Thanks for your quick reply! indeed this code can fix the error but I cannot understand why I need extra css. What is costing this error? Is this how themis template created?

Or I have another problem on my live website?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 months ago #146603

I've identified the CSS code in the template.css file that needs overriding. Therefore, I'm sharing this specific CSS code for you to implement the necessary changes. Your understanding is much appreciated. Thank you!

1
A
angelos
Accepted Answer
3 months ago #146656

Hello Sir,

I think that it's 100% wrong to have different distances on the button position 3. In any case thanks for the extra css code.

I have a real problem with template that other people here on page builder didn't really help me.

This is themis original page that i installed on my xampp, https://ibb.co/r3jtCM3

This is inside my website https://ibb.co/rF5w0hL and https://ibb.co/ZfjBZvH I added a title above as themis template is suggesting. This title is providing the menu and logo from navigation??

If I add another line with menu and it is conflicting . First of all in the picture https://ibb.co/rF5w0hL you can see that I'm selecting the english menu and the page provides the greek menu.

Similalry all the position, no matter how I arange them cannot provide correct the content. I mean the template above main bory has a problem and it's conflicting with something. I cannot add modules.

For that reason, I cannot build the website as I want and for that reason I CANNOT add the module Language Switcher - wiht id 218 next to menu item.

Another "smart" person of your support team told me install the page builder again... It cost the falling of my website and a lot of working time.

Thanks in advance

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #146801

Just share a screenshot that you want to do exactly.

1
A
angelos
Accepted Answer
2 months ago #146861

Thanks for your willingness to help Toufiq; I appreciate it!

On my website I have a module called "Translation" with the id 218 and it is a Language Switcher. https://ibb.co/Fgn9vwN

I have it on bottom3 and I'd like to unpublish the title and add it on the menu between the logo and main menu, as you can see here https://ibb.co/f47H6Wq

I guess that can do that by adding a module in the same position with the main menu. However, I don't know in which position is the main menu !!

Then I'd like to separate the menu from hikashop cart and add it in the right of the menu. Please check this website, LINK: https://www.365chess.com/view/shop/the-best-attacking-techniques-at-chess/ They are my partners and they have a really cool cart icon as you can see here https://ibb.co/xFwrwqV

You perform the same functionality in arino and other templates like : https://ibb.co/SKKPzFw or here https://ibb.co/MGL6QRP.

I guess that you use J2Store for e-shop but I use hikashop. It doesn't really matter if we have a module position next to menu. For example if someone add an item to the basket then I'd like to see it in the front end like here: https://ibb.co/PhbdCx3 I guess in order to do that I need a module. Unfortunately, I'm not able to install arinio or other similar templates on my xampp. So I cannot take ideas from them.

I edit a picture on photoshop. https://ibb.co/9G5m06T

Inside helix and template I can see the layout builder in which you can re arrange the positions on the template. On my website they are not working as expected... I have a menu line and if I add the menu there it is doublicating the navigator menu... So I cannot add anything else next to it. You can see the mess here = https://ibb.co/RjD8jC8

Any advice is welcome. Thanks in advance!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #146947

I have solved your langauge issue. Now you can delete your existing language flag. Besides, tell me the menu name of cart icon is placed. Thanks

1
A
angelos
Accepted Answer
2 months ago #147288

Thank you very much, sir! It looks great! I don't know what you did or what was the problem but in any case, maybe it doesn't matter.

I have another issue with the template. As you can see I have a position called content button = https://ibb.co/fXSDMFc

I have a module for this = https://ibb.co/JH78n9G

In the front end, in the initial position https://www.rules-chess-strategies.com/en/ , it appears twice as you can see here = https://ibb.co/xDXp40h

What cost of the problem? Shall I fix it by myself somehow?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #147374

No clue found. Initial solution.

Add this css code inside the custom.css file.

section#sp-position-2 {
    display: none;
}
1
A
angelos
Accepted Answer
2 months ago #147404

Hello and as a module on bottom position 3 it has some issues: https://ibb.co/4Vwmcby

Some time ago you gave me some code in order to make this bottom 3 in the same size as the other positons.

I completely delete this module and I added another custom. It looks OK.

In any case this is not critical but please notice that I still face some problems with different template positions.

Once again thank you very much for your help and support!

0
A
angelos
Accepted Answer
2 months ago #147406

Hello again,

I just added the portfolio from your website. I created a new page, LINK: https://www.rules-chess-strategies.com/en/personal-coaching-en . And the title it conflicting with the menu as you can see here: https://ibb.co/hgwhp2K Can I fix it by myself somehow?

Thanks in advance

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 months ago #147622

Add this css code inside the custom.css file.

.com-spsimpleportfolio.view-items #sp-main-body {
    padding: 100px 0;
}
0