Multilanguage buttons

Ch3vr0n
31 Posts
Ch3vr0n posted this 30 November 2019

I was wondering. Building a multi-language site where most content is delivered via sections with joomla modules where the actual content will be. However below certain module positions there will be buttons. How would i go about making those multilanguage too?

So instead of "Read More", in dutch it would appear "Lees Meer".

I was wondering. Building a multi-language site where most content is delivered via sections with joomla modules where the actual content will be. However below certain module positions there will be buttons. How would i go about making those multilanguage too? So instead of "Read More", in dutch it would appear "Lees Meer".
Vote to pay developers attention to this features or issue.
10 Comments
Order By: Standard | Newest
Seppe
170 Posts
Seppe posted this 01 December 2019

Installing your languages will help you.
Defining which pages in which languages changes the buttons automatically

Dutch:
Elke taal installeren die je wil gebruiken.
Wanneer je de desbetreffende pagina's koppelt aan de desbetreffende taal, veranderen de buttons automatisch mee.

Installing your languages will help you. Defining which pages in which languages changes the buttons automatically Dutch: Elke taal installeren die je wil gebruiken. Wanneer je de desbetreffende pagina's koppelt aan de desbetreffende taal, veranderen de buttons automatisch mee.
Ch3vr0n
31 Posts
Ch3vr0n posted this 01 December 2019

That's true for the ones made by the joomla editor. I'm taling about the one's added by Themler and their label. Different story. How do i know that? Cause i tried it. "Lees Meer" stayed "Lees meer" even when swapping to en-GB.

So i'm moving from hardcoded template buttons to class buttons inside the module.

I'm working with https://getbootstrap.com/docs/4.0/components/buttons/

By all accounts <a class>Lees Meer</a> is valid bootstrap code but all i'm getting is the "Lees Meer" link. The only class that seems to work is "btn-primary" which i don't want for styling purposes. I like the outline one but they're not working

That's true for the ones made by the joomla editor. I'm taling about the one's added by Themler and their label. Different story. How do i know that? Cause i tried it. "Lees Meer" stayed "Lees meer" even when swapping to en-GB. So i'm moving from hardcoded template buttons to class buttons inside the module. I'm working with https://getbootstrap.com/docs/4.0/components/buttons/ By all accounts &lt;a class&gt;Lees Meer&lt;/a&gt; is valid bootstrap code but all i'm getting is the "Lees Meer" link. The only class that seems to work is "btn-primary" which i don't want for styling purposes. I like the outline one but they're not working

Last edited 01 December 2019 by Ch3vr0n

Ch3vr0n
31 Posts
Ch3vr0n posted this 03 December 2019

bump.

bump.
Vitaliy WD
411 Posts
Vitaliy WD posted this 03 December 2019

You can try to create Joomla Language Override and then put code with Key at your button in Themler.

Example:

<?php echo JText::_( 'YOUR_KEY' ); ?>

But the easiest way is to create Joomla Position and create button in Joomla module. You can add &lt;button&gt; tag in Joomla HTML module and then inspect the class on front-end. And then use this class with a tag.

You can try to create Joomla Language Override and then put code with Key at your button in Themler. Example: <?php echo JText::_( 'YOUR_KEY' ); ?> But the easiest way is to create Joomla Position and create button in Joomla module. You can add `&lt;button&gt;` tag in Joomla HTML module and then inspect the class on front-end. And then use this class with `a` tag.
Ch3vr0n
31 Posts
Ch3vr0n posted this 04 December 2019

That issue has been solved via a different method. Using modules with the bootstrap button code. Now there's just the styling problem left.

That issue has been solved via a different method. Using modules with the bootstrap button code. Now there's just the styling problem left.
Ch3vr0n
31 Posts
Ch3vr0n posted this 06 December 2019

Bump, still need a fix to the class styling problem.

<a class="btn btn-outline-secondary btn-lg" href="overleg">Lees Meer</a>

Only gives the the text "Lees Meer" in a link, not bootstrap style it should based on https://getbootstrap.com/docs/4.4/components/buttons/

Bump, still need a fix to the class styling problem. <a class="btn btn-outline-secondary btn-lg" href="overleg">Lees Meer</a> Only gives the the text "Lees Meer" in a link, not bootstrap style it should based on https://getbootstrap.com/docs/4.4/components/buttons/

Last edited 06 December 2019 by Ch3vr0n

Vitaliy WD
411 Posts
Vitaliy WD posted this 06 December 2019

Themler based on old Bootstrap 3. So you need to use this classes: https://getbootstrap.com/docs/3.4/css/#buttons-options

Themler based on old Bootstrap 3. So you need to use this classes: https://getbootstrap.com/docs/3.4/css/#buttons-options

Last edited 06 December 2019 by Vitaliy WD

Ch3vr0n
31 Posts
Ch3vr0n posted this 06 December 2019

Now we're getting somewhere? The closes i can think of to the "outline" one is the default. Any idea's how i can make that one look like the outline one (perhaps by adding custom css during theme export?)

using

< button>

class strips away the link i need to the page.

Now we're getting somewhere? The closes i can think of to the "outline" one is the default. Any idea's how i can make that one look like the outline one (perhaps by adding custom css during theme export?) using > &lt; button&gt; class strips away the link i need to the page.

Last edited 06 December 2019 by Ch3vr0n

Vitaliy WD
411 Posts
Vitaliy WD posted this 06 December 2019

Not sure that I understand correctly what you want to achieve. But here is a two ways:

1) Add Custom CSS for .btn-primary for example

2) Forget about Bootstrap based buttons. Create button in Themler (Design tab - Button). Then in Joomla module add code

<a href="#" class="bd-button">Link</a>

If you need custom style button exactly for section where you have module you can use More style - Button to create new style of button for this section only. But after this you need to know new style: for this just add &lt;button&gt; Link &lt;/button&gt; tag to Joomla module and then Inspect it on front-end to get the class (it can be like a .bd-button-20).

Not sure that I understand correctly what you want to achieve. But here is a two ways: 1) Add Custom CSS for `.btn-primary` for example 2) Forget about Bootstrap based buttons. Create button in Themler (Design tab - Button). Then in Joomla module add code <a href="#" class="bd-button">Link</a> If you need custom style button exactly for section where you have module you can use **More style - Button** to create new style of button for this section only. But after this you need to know new style: for this just add `&lt;button&gt; Link &lt;/button&gt;` tag to Joomla module and then Inspect it on front-end to get the class (it can be like a `.bd-button-20`).

Last edited 06 December 2019 by Vitaliy WD

Ch3vr0n
31 Posts
Ch3vr0n posted this 07 December 2019

nr 2 worked using the normal "button" styling. Couldn't get bd-button to work.

nr 2 worked using the normal "button" styling. Couldn't get bd-button to work.
You must log in or register to leave comments