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:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #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:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #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:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #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:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #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:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #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 :)