(SOLVED) umlaut in slideshow

[roelrutjes]

Hallo allemaal.

Ik wil in mijn editorial.tpl het woord creëren gebruiken.

Typ ik de tekst gewoon zoals in bovenstaande regel aangegeven, dus met een umlaut,

dan verdwijnt de tekst op mijn site.

Als ik de code ë gebruik dan komt ook werkelijk ë i.p.v. ë in beeld op de site.

Is hier iets aan te doen?

 

Groeten, Roel

Edited November 19, 2012 by roelrutjes (see edit history)

[Frens]

gebruik je wel de HTML modus ë dus niet aan de "voorkant" erin plakken

[roelrutjes]

Hallo Frens,

Ik snap niet helemaal wat je bedoelt met "html-modus".

Wat ik gedaan heb: de editorial.tpl geopend en op de plaats van de "ë" de code "ë" geplakt.

[Frens]

Ok,,, had ik niet goed gelezen , dacht dat je in de BO zat

 

Ik heb de ë in de editorial.tpl geplakt en werkt bij mij goed.

 

http://www.u-site.nl/ps1520test/en/

 

zie onderaan

 

Ik neem aan dat je niks aan je charset hebt gedaan :

 

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

Edited November 16, 2012 by Frens (see edit history)

[roelrutjes]

Inderdaad dat ziet er goed uit.

 

Het zal aan de charset liggen.

Die code die jij noemt zit er helemaal niet in.

Ik neem aan dat ik die ergens moet invoegen?

Hierbij mijn totale code:

 

<!-- Module Editorial -->

<link href="{$base_dir}themes/matrice/modules/editorial/prod.css" rel="stylesheet" type="text/css" media="all" />

 

<script type="text/javascript" src="{$base_dir}themes/matrice/modules/editorial/jquery_002.js"></script>

{literal}

<script type="text/javascript" charset="utf-8">

$(window).load(function()

{

init_slideshow()

})

 

init_slideshow = function()

{

$('#home_slides').cycle({

fx:'fade',

timeout:9000,

pager:'#slide_navigation',

after:update_slide_caption,

before:fade_slide_caption

})

}

 

fade_slide_caption = function(next, previous)

{

caption_container = $('#project_caption')

caption_container.fadeOut('fast')

}

 

update_slide_caption = function(next, previous)

{

caption_container = $('#project_caption')

 

caption = $('span.slide_caption', previous)

caption_container.fadeIn('fast')

caption_container.html(caption.html())

 

}

</script>

{/literal}

<div id="home_slideshow">

<ul style="position: relative; width: 900px; height: 383px;" id="home_slides">

<li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 4; opacity: 1;">

<img src="{$base_dir}themes/matrice/modules/editorial/images/1 smal.jpg" alt="image" /> </a>

<span class="slide_caption">

 

 

 

 

<font size="2"> {l s='Welkom in de TILT webshop. Hier vind je een unieke collectie Frans antiek en Vintage design. Veel woon-winkelplezier! ' mod='editorial'} </font> <br />

 

</span>

 

 

</li>

<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">

<img src="{$base_dir}themes/matrice/modules/editorial/images/2 smal.jpg" alt="image" /> </a>

<span class="slide_caption">

<font size="2"> {l s='Door samenvoeging van twee verschillende stijlen creëer je een eigentijdse, persoonlijke stijl. Frans antiek en Vintage design is een prachtige combinatie! ' mod='editorial'} </font> <br />

 

</span>

 

 

</li>

<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">

<img src="{$base_dir}themes/matrice/modules/editorial/images/3 smal.jpg" alt="image" /> </a>

<span class="slide_caption">

<font size="2"> {l s='Frans antiek en Vintage design versterken elkaar in een interieur. Je vindt hier mooie woonproducten die net even anders zijn, die je niet overal ziet.' mod='editorial'} </font> <br />

 

</span>

 

 

</li>

<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">

<img src="{$base_dir}themes/matrice/modules/editorial/images/4 smal.jpg" alt="image" /> </a>

<span class="slide_caption">

<font size="2"> {l s='Er is zoveel moois gemaakt in het verleden. Waarom zouden we daar niet opnieuw van genieten! Er zit gevoel in. Dat proef je bijna. Met de juiste mix wordt je interieur sfeervol en bijzonder. ' mod='editorial'} </font> <br />

 

</span>

 

 

</li>

<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">

<img src="{$base_dir}themes/matrice/modules/editorial/images/5 smal.jpg" alt="image" /> </a>

<span class="slide_caption">

<font size="2"> {l s='Alle items zijn ook te huur voor bijvoorbeeld fotoreportages, etalages, film en televisie. ' mod='editorial'} </font> <br />

 

</span>

 

 

 

 

</li>

</ul>

<div id="home_slideshow_violator" class="clearfix">

<div style="display: block;" id="project_caption"></div><div id="slide_navigation" class="clearfix"></div>

</div>

</div>

[Frens]

waarom doe je dat niet via de BO maar via het .tpl bestand ??

 

 

--------

 

<link href="{$base_dir}themes/matrice/modules/editorial/prod.css" rel="stylesheet" type="text/css" media="all" />

 

deze code staat in de header van je site , zal je wel niet veranderd hebben

standaard staat die op UTF-8 , tenzij dit ergens in de BO aan te passen is

Edited November 16, 2012 by Frens (see edit history)

[roelrutjes]

Ik werk met het thema Matrice en de tekst die ik aanpas is niet aan te passen in de BO

Ik kan op 2 manieren naar de header: via themes/matrice of via themes/prestashop.

In beide staat inderdaad een aantal maal UTF-8.

 

Hierbij de code van de Matrice header: Is daar iets in te wijzigen?

 

 

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2011 PrestaShop SA

* @version Release: $Revision: 1.4 $

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">

<head>

<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />

{/if}

{if isset($meta_keywords) AND $meta_keywords}

<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />

{/if}

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<meta name="generator" content="PrestaShop" />

<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />

<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$time}" />

<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$time}" />

<script type="text/javascript">

var baseDir = '{$content_dir}';

var static_token = '{$static_token}';

var token = '{$token}';

var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};

var priceDisplayMethod = {$priceDisplay};

var roundMode = {$roundMode};

</script>

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />

{/foreach}

{/if}

{if isset($js_files)}

{foreach from=$js_files item=js_uri}

<script type="text/javascript" src="{$js_uri}"></script>

{/foreach}

{/if}

 

{$HOOK_HEADER}

</head>

 

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

{if isset($ad) && isset($live_edit)}

{include file="$tpl_dir./live_edit.tpl"}

{/if}

{if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<div id="restricted-country">

<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

<div class="page">

<div id="top">

<div id="header">

<h1 id="logo">

<a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$img_ps_dir}logo.jpg?{$time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

</h1>

{$HOOK_TOP}

</div>

</div>

<div id="main_center_column">

<!-- Center -->

<div id="center_column">

{/if}

[Frens]

Heb je een URL naar je winkel (dacht het wel)

[roelrutjes]

www.tiltdesignenantiek.nl

De (niet zichtbare) tekst (met creeeren) zit bij de 2e (ietwat bruine) foto die verschijnt in de slideshow

[Frens]

In de 2e slide dus geen tekst

 

UF-8 staat zo te zien goed

 

edit

 

je krijgt in de 2e dus niks te zien? afgezien van het woord creëren

Edited November 16, 2012 by Frens (see edit history)

[roelrutjes]

Klopt.

Daar heb ik nu die verkeerde e umlaut in staan.

Als ik een gewone "e" typ of de e umlaut weghaal dan wordt de tekst weer zichtbaar

[Frens]

dat slider script zal die ë wel al een vreemde code zien

 

probeer het eens tussen dubbele of enkele aanhalingstekens "ë" óf 'ë' of net geen

[scorpionsworld]

dat slider script zal die ë wel al een vreemde code zien

 

probeer het eens tussen dubbele of enkele aanhalingstekens "ë" óf 'ë' of net geen

Zo te zien komt dit eerder door hoe de tekst is opgeslagen in de database.

"ë"

Edit de editorial.tpl en zet eens {literal}ë{/literal} in de tekst. vermoedelijk verneukt de smarty parser de html-code.

[roelrutjes]

Ik heb alles geprobeerd.

Met 'ë' valt de hele slideshow zelfs weg en met "ë" komt

"ë" ook daadwerkelijk in beeld (met aanhalingstekens dus).

Nu staat de {literal}ë{/literal} er in en ook dat blijft gewoon zichtbaar op de site.

[Frens]

Die kun je nog eens proberen

ë

 

of mischien een afb. van de tekst maken als dat al werkt

[roelrutjes]

Nee helaas, die staat er nu in maar blijft ook gewoon zichtbaar.

Een plaatje vind ik een niet zo fraaie oplossing.

[scorpionsworld]

_{Bingo. even Google'n op jquery .html geeft het antwoord.}

_{Vervang eens in editorial.tpl de regel}

[/sub]caption_container.html(caption.html())

_voor

caption_container.html(caption.text())

_{en gebruik}

ë

_{om de umlaut teken weer te geven.}

[roelrutjes]

Hallo Scorpionsworld.

 

Klasse!

 

Dat is het, het werkt

Ik had het zelf ook al opgelost door creëren te vervangen door bereiken, maar dit is toch, met afstand, de beste oplossing.

Hartelijk dank (ook Frens voor zijn hulp), ik zal de topic als "solved" beindigen.

 

Groeten, Roel.

[scorpionsworld]

Hallo Scorpionsworld.

 

Klasse!

 

Dat is het, het werkt

Ik had het zelf ook al opgelost door creëren te vervangen door bereiken, maar dit is toch, met afstand, de beste oplossing.

Hartelijk dank (ook Frens voor zijn hulp), ik zal de topic als "solved" beindigen.

 

Groeten, Roel.

 

Graag gedaan