Design Meets Code

Design Meets Code

WordPress · PrestaShop

  • Startseite
  • WordPress
  • PHP / Datenbanken
  • Ubuntu
  • Prestashop
  • Verschiedenes
  • Grafik
  • Glossar
You are here: Home / Prestashop / Prestashop 1.6.1.11 – html Formatierungen in Produkt Kurzbeschreibung erlauben

Prestashop 1.6.1.11 – html Formatierungen in Produkt Kurzbeschreibung erlauben

29. Januar 2017 Leave a Comment

In der Datei product-list.tpl werden mit dem Smarty Befehl strip_tags:’UTF-8′ html-Formatierungen unterbunden.

<p class="product-desc" itemprop="description">
	<span class="list-desc">{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</span>
        <span class="grid-desc">{$product.description_short|strip_tags:'UTF-8'|truncate:90:'...'}</span>
</p>

Das einfache Entfernen dieses Befehls reicht leider nicht aus, um diese Einschränkung zu entfernen. Es ist notwendig, den p-tag in ein div umzuwandeln:

<p class="product-desc" itemprop="description">
	<span class="list-desc">{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</span>
        <span class="grid-desc">{$product.description_short|strip_tags:'UTF-8'|truncate:90:'...'}</span>
</p>

Nun muss diese Änderung auch noch in der Datei global.js vorgenommen werden. In dieser Datei nach product-desc suchen und auch hier p gegen div austauschen (an zwei Stellen):

function display(view)
{
	if (view == 'list')
	{
		$('ul.product_list').removeClass('grid').addClass('list');
		$('.product_list .item').removeClass('col-xs-12 col-sm-4').addClass('col-xs-12');
		$('.product_list .item').each(function(index, element) {
			var html = '';
			html = '<div class="item-content">';
			html += '<div class="left-block col-xs-12 col-sm-4">' + $(element).find('.left-block').html() + '</div>';
			html += '<div class="right-block col-xs-12 col-sm-8">';
			html += '<h5 class="product_name" itemprop="name">'+ $(element).find('.product_name').html() + '</h5>';
			var hookReviews = $(element).find('.hook-reviews');
			if (hookReviews.length) {
				html += hookReviews.clone().wrap('<div>').parent().html();
			}
			html += '<div class="product-desc">'+ $(element).find('.product-desc').html() + '</div>';
			var colorList = $(element).find('.color-list-container').html();
			if (colorList != null) {
				html += '<div class="color-list-container">'+ colorList +'</div>';
			}
...

Filed Under: Prestashop

Schreibe einen Kommentar Antwort abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Anzeige

Themen

Apache BuddyPress Code Snippets CSS Datenbank Email Enfold genesis Grid View htaccess i-mscp Indesign Katalogpreisregel Layout Builder LibreOffice Lieferschein List View Medien Mitgliederbereich MySQL PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop 1.7 Prestashop 8 Prestashop Module Registrierung RSS Feed s2member Server ssl Startseite Strings Tag Cloud Tipps Windows Windows 10 Windows 11 WooCommerce WooCommerce Sortierung WordPress
Anzeige

Letzte Kommentare

  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Klaus zu Woocommerce: Shop Seiten neu generieren
  • Thomas zu WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
Anzeige