2 talige front-end

24 Posts

stefsegers Reply #1, 15 years, 6 months ago

Hey allen,

Ik wil een hotel website maken welke voor zowel Nederlandse als Engelse bezoekers beschikbaar moet zijn.
Mijn klant zou dus op een makkelijke manier de NL tekst en de ENG teksten moeten kunnen invoeren.

In de template zou ik iets moeten plaatsen waar men op de link NL / ENG kan klikken en zo de taal van de keuze naar voren komt. Dit geld dan voor zowel content als menu.

Is dit makkelijk te maken met ModX? Ik weet dat er voor CMSMS een plugin was, maar vind CMSMS een beetje instabiel.

Stef

www.trouwshoot.nl | www.familieshoot.nl | www.modeshoot.nl | www.bedrijfshoot.nl
Weblog: www.stefansegers.nl

741 Posts

ronaldlokers Reply #2, 15 years, 6 months ago

Ja, dit is heel goed mogelijk kijk bijv. eens naar deze wiki pagina: http://wiki.modxcms.com/index.php/Make_Multi_Lingual_Site

Toevallig trouwens, ik ben ook bezig met de site van een hotel tongue

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media

19 Posts

triden Reply #3, 15 years, 5 months ago

hmm op de een of andere manier kan ik de wiki niet openen
http://wiki.modxcms.com/index.php/Make_Multi_Lingual_Site

502 Bad Gateway
The requested URL could not be retrieved

no mail. no icq, no aim, no msn, no yim, no sms, no phone, no fax, no telex, no satellite.... just yell

741 Posts

ronaldlokers Reply #4, 15 years, 5 months ago

Raar! Hier werkt hij gewoon huh

Anyways, ik heb hem voor je geprint als pdf en toegevoegd aan deze post wink

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media

19 Posts

triden Reply #5, 15 years, 5 months ago

mischien is dat wel firewall from work.

ik check dat thuis nog wel eens het weekend.

anyway, bedankt voor de moeite.
geweldig

no mail. no icq, no aim, no msn, no yim, no sms, no phone, no fax, no telex, no satellite.... just yell

24 Posts

stefsegers Reply #6, 15 years, 5 months ago

inmiddels doet de pagina het en heb ik de gehele tutorial door gelopen, maar helaas werkt het niet.

Ik eb de home verandert in start (1)

In de source van de start eb ik [Redirect?id=`54`] geplaatst

Wanneer ik nu beta.hotelvermeer.nl doe krijg ik die tekst letterlijk te zien.

Ook de vlaggen komen niet naar voren.

Een snippet roep je toch aan dmv [snippetnaam] huh

?

Stefan

www.trouwshoot.nl | www.familieshoot.nl | www.modeshoot.nl | www.bedrijfshoot.nl
Weblog: www.stefansegers.nl

741 Posts

ronaldlokers Reply #7, 15 years, 5 months ago

Bijna goed! Je moet [[snippetnaam]] (cachebaar) of [!snippetnaam!] (niet cachebaar) gebruiken.
Dus in jouw geval moet je [[Redirect?id=`54`]] gebruiken.

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media

24 Posts

stefsegers Reply #8, 15 years, 5 months ago

Super.. de redirect werkt, maar de rest niet sad

Ik heb een Container aangemaakt met daarin mijn documenten.

Dus container EN en NL in dit geval

Verder in de ModxCSS Wide een [[languages]] geplaatst, maar krijg helaas geen vlaggetjes te zien....

Any tips?

www.trouwshoot.nl | www.familieshoot.nl | www.modeshoot.nl | www.bedrijfshoot.nl
Weblog: www.stefansegers.nl

24 Posts

stefsegers Reply #9, 15 years, 5 months ago

Ik begrijp echt helemaal niets van deze tutorial. Ik loop helemaal vast bij de SETUP DOCUMENT TREE

Zoals verteld heb ik nu een nieuw document aangemaakt en aangegeven dat dit een container is. Daarna al mijn documenten in de mappen geplaatst.

Hier een overzicht van mijn menu

My MODx Site
start (1)
404 - Document Not Found (7)
Search Results (8)
RSS Feed (11)
en (55)
arrangments (57)
reserve (58)
welcome (56)
Thank You (46)
nl (51)
welkom (54)
arrangementen (48)
reserveren (50)
contact (6)
home (52)
kamers (47)

De ROOT is gemaakt en redirect inderdaad nu naar Welkom (54).

Maar dan de rest. Er zijn geen vlaggen op het scherm te zien en mijn menu toont EN en NL.. dat is ook niet echt de bedoeling

Hier mijn test template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <base href="[(site_url)]" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        {{meta}}
	<title>[(site_name)] | [*pagetitle*]</title>
	<link href="http://www.hippocampus-hr.nl/assets/templates/hippo/hippostyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
	<div id="distance"></div>
[[Languages]]
	<div id="container">
		<div id="menu">
			<ul>
				<li>[!Wayfinder?startId=`0` &hereClass=`current` &level=`1` &outerClass=`topnav`!]</li>
			</ul>
		</div>
		
		<div id="content">
			<h1>[*longtitle*]</h1>
			[*#content*]
		</div>
		
		<div id="footer">
			{{footer}}
		</div>
	</div>
</body>

Ik hoop dat iemand me hier toch echt verder mee kan helpen?

Stefan

www.trouwshoot.nl | www.familieshoot.nl | www.modeshoot.nl | www.bedrijfshoot.nl
Weblog: www.stefansegers.nl

741 Posts

ronaldlokers Reply #10, 15 years, 5 months ago

Heb je de Languages snippet goed aangemaakt? Volgens jouw opzet moet die zo zijn:

<?php
// get languages info
$tv = $modx->getTemplateVar('languages', "", $modx->documentIdentifier);
$languages = $tv['value'];
 
if (!strlen($languages))
{
  return "";
}
 
$langnames = array(
  "en" => "English",
  "nl" => "Nederlands"
  );
 
$output = "";
 
// get entries in languages list
$entries = explode(",", $languages);
// loop through language entries
for ($e = 0; $e < count($entries); $e++)
{
  // seperate into lang code and target document id
  list($lang, $targetid) = explode("=", $entries[$e]);
  $image = '<img src="assets/images/'.$lang.'.gif" width="16" height="11" border="0" alt="'.$langnames[$lang].'" />';
  if (strlen($output))
  {
    $output .= ' ';
  }
  $output .= '<a href="'.$modx->makeUrl($targetid).'">'.$image.'</a>';
}
 
return $output;
?>

en verander je test template naar deze:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <base href="[(site_url)]" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        {{meta}}
	<title>[(site_name)] | [*pagetitle*]</title>
	<link href="assets/templates/hippo/hippostyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
	<div id="distance"></div>
[[Languages]]
	<div id="container">
		<div id="menu">
			<ul>
				<li>[!Wayfinder?startId=`[[UltimateParent]]` &hereClass=`current` &level=`1` &outerClass=`topnav`!]</li>
			</ul>
		</div>
		
		<div id="content">
			<h1>[*longtitle*]</h1>
			[*#content*]
		</div>
		
		<div id="footer">
			{{footer}}
		</div>
	</div>
</body>

En heb je de juiste Template Variable gemaakt?

Create the Template Variable 
Next create a template variable called "languages", with the type "text". Associate this with all your template(s). 

Edit your templates to call the Languages snippet with no parameters. Place it where you want the flags to appear. Users click on the flags to change the language.

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media