Kategoriebeschreibung neben Kategoriebild (statt darunter) - wie?

Thema wurde von markus_wick, 8. November 2019 erstellt.

  1. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #1 markus_wick, 8. November 2019
    Hallo zusammen! Bin über die Suche nicht fündig geworden, vielleicht hat jemand einen Tipp:
    Wie bekomme ich die Kategoriebeschreibung rechts neben das Kategoriebild statt darunter - und geht das responsive + halbwegs updatesicher?

    Hab mal schnell was gephotoshopped:
    [​IMG]
     
  2. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    #2 ReneT, 8. November 2019
    lade das Bild doch einfach von Hand in die Kategorie Beschreibung und schreib den Text neben das Bild

    Code:
    <div class="row space-1">
    <div class="col-xs-12 col-sm-6 space-1">
        <a href="/shop4/Haus---Garten/Moebel---Wohnen/Dekoration/"><img class="img-responsive" src="images/content/index/design.png" /></a>
    </div>

    <div class="col-xs-12 col-sm-6">
        blablabla
    </div>
</div>
    oder erstelle ein Override von der Kategorieansicht...
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #3 barbara, 8. November 2019
    Template oder Theme?
    so wie in meinem Shop?
    (Link nur für registrierte Nutzer sichtbar.)
     
  4. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #4 markus_wick, 8. November 2019
    Zuletzt bearbeitet: 8. November 2019
    Theme, sorry vergaß ich zu schreiben.
    Und: Yep, Barbara, genau so würde ich mir das vorstellen.
    Wenn ich es in Deinem Shop richtig interpretiere hast Du es über die "normalen" Kategorienbilder gelöst und nicht wie ReneT vorgeschlagen hat als Bild innerhalb der Beschreibung eingebunden?
    Code:
    <div class="categories-description-container">
            <div class="row">
                    <div class="col-xs-12 col-md-3">
                        <div class="categories-images">
                            <img src="images/categories/baender_kordeln.jpg" alt="Bänder &amp; Kordeln" title="Bänder &amp; Kordeln" class="img-responsive">
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-9">
                        ...
                    </div>
                 </div>
</div>
     
  5. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #5 markus_wick, 8. November 2019
    Danke Rene, darauf wäre ich gar nicht gekommen, klingt auch gut. Muss mal sehen wir Barbara das gelöst hat.
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #6 barbara, 8. November 2019
    Ich habe in meinem Childtheme unter
    /html/custom/
    eine Datei "mein_category_description_top.html" (so weiß ich die originale Datei)
    angelegt, mit diesem Inhalt:
    HTML:
    {block name="category_description_top_container"}
            <div class="categories-description-container">
            <div class="row">
            {block name="category_description_top_container_image_if"}
                {if $CATEGORIES_IMAGE && $SHOW_CATEGORIES_IMAGE_IN_DESCRIPTION}
                    <div class="col-xs-12 col-md-3">
                    {block name="category_description_top_container_image"}
                        <div class="categories-images">
                            <img src="{$CATEGORIES_IMAGE}" alt="{$img_alt|default:$CATEGORIES_NAME|default:$manufacturer.NAME}" title="{$img_alt|default:$CATEGORIES_NAME|default:$manufacturer.NAME}" class="img-responsive" />
                        </div>
                    {/block}  
                        {block name="category_description_top_container_image_manufacturer_if"}
                            {if $manufacturer}
                                {block name="category_description_top_container_image_manufacturer"}
                                    <div class="categories-manufacturer">
                                        <span class="align-helper">
                                            {block name="category_description_top_container_image_manufacturer_name"}
                                                <strong>{$manufacturer.NAME}</strong>
                                            {/block}
                                            {block name="category_description_top_container_image_manufacturer_url_if"}
                                            {if $manufacturer.URL}
                                                {block name="category_description_top_container_image_manufacturer_url"}
                                                    <br /><a href="{$manufacturer.URL}">{$manufacturer.URL}</a>
                                                {/block}
                                            {/if}
                                            {/block}
                                        </span>
                                    </div>  
                                {/block}
                            {/if}
                         {/block}  
                        </div>
                        {/if}
                    {/block}
                  
                {if $CATEGORIES_DESCRIPTION}
                    {block name="category_description_top_container_description"}
                        <div class="col-xs-12 col-md-9">
                        {$CATEGORIES_DESCRIPTION}
                        </div>
                    {/block}
                {/if}  
            </div>  
            </div>
{/block}
     
  7. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #7 markus_wick, 8. November 2019
    Danke Barabara, schau ich mir an, so dass ich das für mich auch umsetzen kann.
     
  8. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #8 markus_wick, 14. November 2019
    Ich werde das Ganze nun so lösen wie von ReneT geschrieben, da ich den Text nur bei Kategorien eines bestimmten Levels neben den Bildern haben möchte.Danke noch mal für den Tipp, da hätte ich auch selbst drauf kommen können :)