[gelöst] Kategorietext unter Kategoriebild - PrestaShop 1.7

[StHl]

Hallo,

ich habe ein Problem bei unserem Shop - Version 1.7.7.2 .
Und zwar möchte ich das die Beschreibung der Kategorie unterhalb des Kategoriebildes angezeigt wird.

Gerade wird auf dem Bild die Kurzbeschreibung angezeigt bzw. ein Teil der Beschreibung und mit Klick auf den drunterliegenden Button wird die komplette Beschreibung angezeigt (siehe Ansicht). Wenn ich den Teil mit der Beschreibung im Template "verschiebe" wird der Text zwar darunter angezeigt, allerdings wird direkt der komplette Text angezeigt und der Button mit "Weiterlesen" funktioniert nicht mehr..

Worauf muss ich hier achten? Bzw. wie kann ich das ganze lösen? Im Anhang ist noch eine Ansicht der "category.tpl" meines Templates.

Wäre super wenn mir jemand helfen kann.
Vielen Dank schonmal!

Grüße

[rictools]

Das Foto ist als background-image, also Hintergrundbild eingefügt, du müßtest den Code dafür rausnehmen und die Bildvariable vor den Text setzen.

[StHl]

danke für die Antwort.

Wie genau mache ich das? Bzw. wie muss der neue Code aussehen?
Einen Teil des Codes zu verschieben habe ich bereits versucht, jedoch hat das nicht komplett funktioniert..

Bitte um Info. Danke schonmal!

[rictools]

Text aus einem Foto kann man nicht bearbeiten, ich müßte also die Codes händisch abtippen ... (warum um alles in der Welt fügt man Text als Bild und nicht als Text ein?).

Generell steht hier Hilfe zur Selbsthilfe im Vordergrund, wer ein System wie Prestashop nutzt sollte über Grundkenntnisse in HTML, CSS und PHP verfügen (oder entsprechendes Personal).

[StHl]

Hallo,

ja natürlich steht hier Selbsthilfe im Vordergrund, habe bis jetzt auch alles hinbekommen bei dem es Probleme gab..

Hier noch der Code als Text:

{block name='product_list_header'}
  <div class="block-category mb-5" {if $category.image.large.url} style="background-image:url({$category.image.large.url})"{/if}>
    <div class="container">
      <div class="cat_desc">
        {if $category.description}
          <div id="category-description">
            <h2 class="section-title text-left">{$category.name}</h2>
            {if $category.description|count_characters > 350}
              <div class="category-description-wrap text-muted mb-2">
                <button type="button" class="btn btn-secondary btn-sm" data-toggle="button" aria-pressed="false" autocomplete="off">
                  <span>{l s='More' d='Shop.Theme.Actions'}</span>
                  <span>{l s='Hide' d='Shop.Theme.Actions'}</span>
                </button>
                <div class="category-description-short">{$category.description|truncate:"400" nofilter}</div>
                <div class="category-description-full">{$category.description nofilter}</div>
              </div>
            {else}
              {$category.description nofilter}
            {/if}
          </div>
        {/if}

        {block name='product_list_subcategories'}
          {if isset($subcategories) && $subcategories}
            <!-- Subcategories -->
            <ul id="subcategories">
              {foreach from=$subcategories item=subcategory}
                <li>
                  <a class="subcategory-name text-uppercase" href="{$subcategory.url}">{$subcategory.name|truncate:20:'...'}</a>
                </li>
              {/foreach}
            </ul>
          {/if}
        {/block}
      </div>
    </div>
  </div>
{/block}
 

Versteh es nicht ganz was ich hier ändern muss. Das der Text unterhalb des Bildes sitzt, habe ich hinbekommen aber wie gesagt funktioniert dann der Button nicht mehr..

Danke schonmal!

[rictools]

Versuchs mal mit:

{block name='product_list_header'}
  <div class="block-category mb-5">
    <div class="container">
      <div class="cat_desc">
        {if $category.description}
          <div id="category-description">
		    {if $category.image.large.url}<img src="{$category.image.large.url}" alt="{$category.name}" title="{$category.name}">{/if}
            <h2 class="section-title text-left">{$category.name}</h2>
...

 

[StHl]

Oh super! Damit hat es nun funktioniert.

Danke für die schnelle Hilfe!!