Multilanguage buttons

Ch3vr0n
31 Posts
Ch3vr0n posted this 2 weeks ago

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
158 Posts
Seppe posted this 2 weeks ago

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 2 weeks ago

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 2 weeks ago by Ch3vr0n

Ch3vr0n
31 Posts
Ch3vr0n posted this 2 weeks ago

bump.

bump.
Vitaliy WD
386 Posts
Vitaliy WD posted this 2 weeks ago

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 2 weeks ago

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 1 weeks ago

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 1 weeks ago by Ch3vr0n

Vitaliy WD
386 Posts
Vitaliy WD posted this 1 weeks ago

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 1 weeks ago by Vitaliy WD

Ch3vr0n
31 Posts
Ch3vr0n posted this 1 weeks ago

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 1 weeks ago by Ch3vr0n

Vitaliy WD
386 Posts
Vitaliy WD posted this 1 weeks ago

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 1 weeks ago by Vitaliy WD

Ch3vr0n
31 Posts
Ch3vr0n posted this 6 days ago

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