Jump to content

[Gelöst] Kategorie Beschreibung


Recommended Posts

Hallo,

 

Ist jemandem schon mal aufgefallen, dass die Beschreibung von Kategorien über das Vorschaubild gelegt wird? In welchem Szenario kann sowas denn nützlich sein?

Ich würde die Beschreibung gerne unter dem Bild haben oder erst nach den Produkten in der entsprechenden Kategorie aber nicht übereinander.

 

Wie habt ihr dieses Problem gelöst?

 

Bin über jeden Ansatz dankbar.

Link to comment
Share on other sites

 

Ich würde die Beschreibung gerne unter dem Bild haben

 

Das als Background-Bild eingebundene Kategoriebild muß zunächst als normales Bild eingebunden werden.

Dazu öffnet ihr die Datei:

/themes/default-bootstrap/category.tpl

ca bei Zeile 49 ersetzt ihr

<div class="content_scene_cat_bg" {if $category->id_image}style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;" {/if}>

durch

{if $category->id_image}<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}">{/if}

Danach sind noch ein paar Positionen und Farben zu ändern, dazu öffnet ihr:

/themes/default-bootstrap/css/category.css

Der obere Teil der Datei sieht etwa so aus:

 

/* ************************************************************************************************

                                Categories Page Styles

************************************************************************************************ */

.content_scene_cat {

  border-top: 5px solid #333;

  color: #d7d7d7;

  line-height: 19px;

  margin: 0 0 26px 0; }

  .content_scene_cat .content_scene_cat_bg {

    padding: 18px 10px 10px 42px;

    background-color: #464646 !important; }

    @media (max-width: 1199px) {

      .content_scene_cat .content_scene_cat_bg {

        padding: 10px 10px 10px 15px; } }

  .content_scene_cat span.category-name {

    font: 600 42px/51px "Open Sans", sans-serif;

    color: #fff;

    margin-bottom: 12px; }

    @media (max-width: 1199px) {

Die Zeile

color: #d7d7d7;

ändert ihr in:

color: #000000;

 

Die Zeile

    padding: 18px 10px 10px 42px;

löscht ihr komplett

 

Die Zeile

    background-color: #464646 !important; }

ändert ihr in:

    background-color: #FFFFFF !important; }

 

Die Zeile

    color: #fff;

ändert ihr in

    color: #000000;

 

Danach im Backoffice noch Smarty auf compile stellen (später wieder zurückändern) und alle Caches löschen.

 

Wie das Ergebnis aussieht seht ihr im Demoshop.

 

Grüsse

Whiley

  • Like 1
Link to comment
Share on other sites

Cool....das hat (fast) funktioniert. ;)

Leider ist jetzt zwischen Kategoriebild und den ersten Artikeln seeeehr viel Platz.

 

category.css sieht nun so aus:

 

.content_scene_cat {
  border-top: 5px solid #333;
  color: #000000;
  line-height: 19px;
  margin: 0 0 26px 0; }
  .content_scene_cat .content_scene_cat_bg {
    background-color: #FFFFFF !important; }
    @media (max-width: 1199px) {
      .content_scene_cat .content_scene_cat_bg {
        padding: 10px 10px 10px 15px; } }
  .content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: #000000;
    margin-bottom: 12px; }
    @media (max-width: 1199px) {
      .content_scene_cat span.category-name {
        font-size: 25px;
        line-height: 30px; } }
  .content_scene_cat p {
    margin-bottom: 0; }
  .content_scene_cat a {
    color: #fff; }
    .content_scene_cat a:hover {
      text-decoration: underline; }
  .content_scene_cat .content_scene {
    color: #777; }
    .content_scene_cat .content_scene .cat_desc {
      padding-top: 20px; }
      .content_scene_cat .content_scene .cat_desc a {
        color: #777; }
        .content_scene_cat .content_scene .cat_desc a:hover {
          color: #515151; }
 

Hab ich etwas übersehen?

Edited by nilsl (see edit history)
Link to comment
Share on other sites

Kann man den Text auch nach unten verschieben? Also unter die Produkte?

 

Mein Text ist doch etwas länger und sieht oben nicht schön aus deshalb hätte ich ihn gerne weiter unten. Weiters wird er oben "beschnitten".

Es wird leider nicht der ganze Text angezeigt was auch nicht zufriedenstellend ist.

Es ist aber gewollt das der Text genau diese Länge hat.

 

mfg

Link to comment
Share on other sites

  • 3 weeks later...

Das als Background-Bild eingebundene Kategoriebild muß zunächst als normales Bild eingebunden werden.

Dazu öffnet ihr die Datei:

/themes/default-bootstrap/category.tpl

ca bei Zeile 49 ersetzt ihr

<div class="content_scene_cat_bg" {if $category->id_image}style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;" {/if}>

durch

{if $category->id_image}<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}">{/if}

Danach sind noch ein paar Positionen und Farben zu ändern, dazu öffnet ihr:

/themes/default-bootstrap/css/category.css

Der obere Teil der Datei sieht etwa so aus:

Die Zeile

color: #d7d7d7;

ändert ihr in:

color: #000000;

 

Die Zeile

    padding: 18px 10px 10px 42px;

löscht ihr komplett

 

Die Zeile

    background-color: #464646 !important; }

ändert ihr in:

    background-color: #FFFFFF !important; }

 

Die Zeile

    color: #fff;

ändert ihr in

    color: #000000;

 

Danach im Backoffice noch Smarty auf compile stellen (später wieder zurückändern) und alle Caches löschen.

 

Wie das Ergebnis aussieht seht ihr im Demoshop.

 

Grüsse

Whiley

 

 

 

Danach habe ich gesucht. Sehr geil =)

 

Allerdings möchte ich wie kamjosi den Text unter die Produktliste platzieren. 

Wäre super, wenn du whiley uns nochmal weiterhelfen würdest!

 

Besten Dank.

Micha

Link to comment
Share on other sites

Danach habe ich gesucht. Sehr geil =)

 

Allerdings möchte ich wie kamjosi den Text unter die Produktliste platzieren. 

Wäre super, wenn du whiley uns nochmal weiterhelfen würdest!

 

Besten Dank.

Micha

 

 

Hallo zusammmen,

 

ich wollte hier nochmal nachfragen, ob mir jemand helfen kann.

Wäre echt super.

 

Besten Dank

Michael Richtmann

Link to comment
Share on other sites

 

Allerdings möchte ich wie kamjosi den Text unter die Produktliste platzieren.

 

in der category.tpl den Teil der den Text anzeigt:

                       {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}

dorthin schieben wo er erscheinen soll, also wenn er unter der Liste erscheinen soll:

 

 

                    <div class="content_sortPagiBar">

                <div class="bottom-pagination-content clearfix">

                    {include file="./product-compare.tpl" paginationId='bottom'}

                    {include file="./pagination.tpl" paginationId='bottom'}

                </div>

            </div>

            

                         {if $category->description}

                            <div class="cat_desc">

                            <span class="category-name">

                                {strip}

                                    {$category->name|escape:'html':'UTF-8'}

                                    {if isset($categoryNameComplement)}

                                        {$categoryNameComplement|escape:'html':'UTF-8'}

                                    {/if}

                                {/strip}

                            </span>

                            {if Tools::strlen($category->description) > 350}

                                <div id="category_description_short" class="rte">{$description_short}</div>

                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>

                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>

                            {else}

                                <div class="rte">{$category->description}</div>

                            {/if}

                            </div>

                        {/if}

           /if}

    {elseif $category->id}

        <p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>

    {/if}

{/if}

 

Anbei die geänderte category.tpl

 

category.tpl.txt

 

Grüsse

Whiley

 

 

 

 

 

  • Like 1
Link to comment
Share on other sites

in der category.tpl den Teil der den Text anzeigt:

                       {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}

dorthin schieben wo er erscheinen soll, also wenn er unter der Liste erscheinen soll:

 

Anbei die geänderte category.tpl

 

attachicon.gifcategory.tpl.txt

 

Grüsse

Whiley

Bester mann!! Leute wie du sind für das Forum Goldwert.

 

Vielen lieben dank.

Link to comment
Share on other sites

  • 1 month later...

hallo zusammen, 

 

super Lösung! Vielen Dank :) 

Verteile einen virtuellen Knutsch an den, der hierfür eine Lösung für mich hat ;) 

1. Überschrift

2. Beschreibung und rechts daneben das Kategoriebild als floatendes Element

Wäre cool, wenn jemand eine Lösung hat. 
Viele Grüße

A.

Link to comment
Share on other sites

  • 5 years later...

Hallo,

ich habe ein ähnliches Problem wie oben beschrieben, allerdings passt die oben genannte Lösung nicht dazu. 
Wir haben die neue 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 sichtbar (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

Ansicht_category.tpl_code.png

Ansicht_Kategoriebeschreibung.png

Link to comment
Share on other sites

  • 3 weeks later...

Hallo alle zusammen, 

wir organisieren jeden 3. Dienstag im Monat ein Meet-Up bei dem wir uns Bugs/ Probleme gemeinsam ansehen, Lösungsansätze teilen und aufkommende Änderungen besprechen. Es ist jeder herzlich eingeladen teilzunehmen, das Meet-Up findet online statt und ist kostenlos.

 

Link to comment
Share on other sites

vor 54 Minuten schrieb medani:

wir organisieren jeden 3. Dienstag im Monat ein Meet-Up ...

??

Dieser Beitrag erscheint angehängt in verschiedenen scheinbar willkürlich ausgewählten Threads, sehr seltsam. Wenn das seriös ist, warum dann kein eigener Thread dafür und warum gerade zwei Tage nach bzw. 4 Wochen vor einem Termin?!

Edited by rictools (see edit history)
Link to comment
Share on other sites

  • 2 years later...

Hallo,

der Artikel ist zwar schon älter, aber ich würde auch gerne die Kategoriebeschreibung unter die Artikel verschieben. Ich hab jedoch die Version 8.0.4 und finde nicht annähernd eine Lösung.

Vielen Dank im Voraus und lg, Peter

Link to comment
Share on other sites

Wie ich schon geschriben habe, möchte ich gerne die Kategoiebeschreibung unter die Artikel verschieben. Hier ist eine Lösung angeführt, die ich jedoch nicht nachvollziehen kann, da ich die Version 8.0.4 habe

Link to comment
Share on other sites

Für PS8, Datei \themes\classic\templates\catalog\listing\category.tpl - am besten in einem Child Theme

{extends file='catalog/listing/product-list.tpl'}

{block name='product_list_footer'}
    {include file='catalog/_partials/category-header.tpl' listing=$listing category=$category}
    {include file='catalog/_partials/category-footer.tpl' listing=$listing category=$category}
{/block}

Sieht dann so aus

grafik.thumb.png.7db43e3a34f24c4c5d2ffb79ead48ade.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...