Werbung / Banner buchen
Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

    peter111

    • Fördermitglied
    • Beiträge: 251
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #615 am: 05. Februar 2020, 17:01:08
    Hallo Namensvetter,
    begrenze das Textfeld einfach mit:

    Code: XML  [Auswählen]
    maxlength="20"

    Gruß Peter

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #616 am: 06. Februar 2020, 08:44:37
    Hallo Buggyboy (Peter),
    ich habe das nicht vordefiniert, weil jeder Shop andere Voraussetzungen hat - einer macht höhere Bilder, der nächste hat kurze Artikelnamen usw..
    Du kannst das ganz einfach mittels CSS lösen.
    Willst du das generell ändern kannst du die Klassen ".lb_image" oder ".lb_title" ansprechen.
    Möchtest du nur die Slider, dann verwende zusätzlich ".carousel-item".

    Ein Beispiel für die CSS-Datei
    Code: CSS  [Auswählen]
    .carousel-item .lb_title {
      max-height:  30px;
    }

    Gruß Karl

    Buggyboy

    • Fördermitglied
    • Beiträge: 968
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #617 am: 06. Februar 2020, 09:16:56
    Hallo Karl, hallo Peter!

    Vielen dank für die Nachrichten.

    @Peter: Entweder hatte ich das an den falschen Stellen probiert, jedenfalls hat es nicht geklappt.
    Aber auch wenn, die Grafiken sind halt auch unterschiedlich, deswegen hätte das wohl nicht alzuviel gebracht.

    @Karl: Werde mal sehen ob ich das hinbekomme.
    Vielen Dank

    LG
    Peter

    mhase

    • Neu im Forum
    • Beiträge: 16
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #618 am: 12. Februar 2020, 13:31:17
    Hallo,
    also großes Lob an den Entwickler des tollen Templates.

    Ich tue mich aber mit einer Sache schwer. Ich benötige teilweise Bilder und Tabellen in den Artikelbeschreibungen, diese werden aber in der mobilen Ansicht nicht skaliert und ragen über die Detailansicht (anders als der Beschreibungstext) hinaus.

    Lässt sich das in einer Einstellungsebene verhindern?

    Lieben Dank im Voraus!

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #619 am: 12. Februar 2020, 14:14:20
    Du kannst Bilder und Tabellen in den Artikelbeschreibungen selbst responsive gestalten.

    Hier kannst du dich bezüglich Tabellenlayout für Bootstrap 4 orientieren -> https://getbootstrap.com/docs/4.4/content/tables/ insbesondere die letzten Beispiele zeigen wie man breite Tabellen auch in Smartphones darstellen kann. Hier kannst du dich bezüglich Bilder für Bootstrap 4 orientieren -> https://getbootstrap.com/docs/4.0/content/images/

    Beispiel:

    Code: XML  [Auswählen]
    <img alt="Responsive image" class="img-fluid" src="https://stable.modified-shop.org/images/product_images/popup_images/2_0.jpg" />
    <div class="table-responsive-md">
    <table class="table table-sm table-dark">
            <thead>
                    <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                    </tr>
            </thead>
            <tbody>
                    <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                    </tr>
                    <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                    </tr>
                    <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                    </tr>
            </tbody>
    </table>
    </div>

    <div class="table-responsive">
    <table class="table">
            <thead>
                    <tr>
                            <th scope="col">#</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                            <th scope="col">Heading</th>
                    </tr>
            </thead>
            <tbody>
                    <tr>
                            <th scope="row">1</th>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                    </tr>
                    <tr>
                            <th scope="row">2</th>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                    </tr>
                    <tr>
                            <th scope="row">3</th>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                            <td>Cell</td>
                    </tr>
            </tbody>
    </table>
    </div>

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Gruss
    Hanspeter

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #620 am: 12. Februar 2020, 14:24:42
    Hallo mhase,
    das kannst du über CSS-Klassen regeln.
    Für Tabellen
    Code: PHP  [Auswählen]
    <div class="table-responsive">
      <table class="table">
        ...
      </table>
    </div>
    für Bildern
    Code: PHP  [Auswählen]
    <img src="..." class="img-fluid" alt="Responsive image">

    Alternativ schreibst du in die Datei templates/bootstrap4/css/bs4.css ganz am Ende
    Code: CSS  [Auswählen]
    #content img {
        height: auto;
        max-width: 100%;
    }
    #content table {
        display: block;
        overflow-x: auto;
        width: 100%;
    }
    dann sollte das auch funktionieren.

    Gruß Karl

    Edit: Ups, da war jemand schneller.

    mhase

    • Neu im Forum
    • Beiträge: 16
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #621 am: 12. Februar 2020, 15:11:57
    Hallo,

    herzlichen Dank Euch Beiden für die schnellen Lösungsansätze.

    Ich habe die Variante mit dem Code am Ende der templates/bootstrap4/css/bs4.css  getestet.
    Die Bilder passen nun, die Tabellen schießen noch drüber.

    Kann mir noch einmal einer eine Hilfestellung mit den Möglichkeiten der CSS-Klassen geben, wo muss da der entsprechende Code hin?

    Nochmals lieben Dank!

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #622 am: 12. Februar 2020, 15:28:00
    Hallo mhase,
    wenn die Tabelle zu breit ist, dann "schießt" sie drüber hinaus.
    Die Tabelle sollte aber per Touch nach links und rechts verschiebbar sein.

    Wenn du die CSS-Klassen verwenden willst, ist das im Editor des Content Managers schwierig.
    Ich würde in diesem Fall auf Quellcode umschalten und die Klassen per Hand eintragen.

    Bei den Tabellen solltest du übrigends aufpassen, keine festen Spaltenbreiten zu vergeben.
    Wenn du feste Größen vergeben hast wirst du immer Probleme mit der responsive Ansicht haben.

    Gruß Karl

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #623 am: 12. Februar 2020, 16:22:25
    Hallo Karl

    [...]
    Code: CSS  [Auswählen]
    [...]
    #content table {
        display: block;
        overflow-x: auto;
        width: 100%;
    }
    [...]

    Ich kann mich zwar täuschen, aber ich glaube das die Eigenschaft overflow-x: auto nicht mit dem HTML-Element table funkioniert.

    Ich denke man muss um eine Tabelle einen solchen

    Code: XML  [Auswählen]
    <div style="overflow-x:auto;">
      <table>
        ...
      </table>
    </div>

    bzw. bei Bootstrap 4 einen solchen

    Code: XML  [Auswählen]
    <div class="table-responsive">
      <table>
        ...
      </table>
    </div>

    Mantel legen, um sie responsive (horizontal scrollbar) zu machen.

    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_table_responsive

    Gruss
    Hanspeter

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #624 am: 13. Februar 2020, 11:24:54
    Hallo Hanspeter,
    danke für den Hinweis, du liegst vollkommen richtig - da hatte ich einen Denkfehler.

    @mhase:
    Die von mir geposteten CSS-Anweisung für die Tabelle sind falsch, die solltest du nicht benutzen.
    Du musst doch die Tabelle in einen Container mit der Klasse "table-responsive" legen.

    Gruß Karl

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #625 am: 15. Februar 2020, 13:30:50
    ...
    Du kannst im Template "bootstrap4" auch Seiten in einem iFrame laden.
    Ein Javascript prüft, ob der aufgerufene Dateiname den String "print" oder "bs4_" enthält.
    ...

    Jetzt muß ich dich auch mal etwas fragen.
    Kann man mit der Modal-/Lightbox die in deinem Template verwendet wird auch Inline-Content in einer Modal-Box aufrufen.
    Mit Colorbox und Fancybox geht das.
    Zum Verständnis:
    Inline-Content wäre z.B. eine mittels display:none; versteckte information in einem einfachen HTML-Element.

    Geht das evtl. mittels Folgendem data-toggle und data-target ?
    Code: XML  [Auswählen]
    <button type="button" data-toggle="modal" data-target="#ID_DES_INLINE_ELEMENTS">Click me</button>

    Ich kann es leider gersde nicht ausprobieren.

    Gruß,
    noRiddle

    Scubi

    • Mitglied
    • Beiträge: 220
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #626 am: 15. Februar 2020, 23:22:11
    Logo als Favicon

    Ganz was neues von Google... zumindest für mich. https://support.google.com/webmasters/answer/9290858?hl=de

    Karl, hast Du eine Idee, wie man das automatisieren kann?
    Wäre schon praktisch, wenn das Logo automatisch als Favicon umgewandelt wird.

    Gruß Alois

    awids

    • Experte
    • Beiträge: 3.782
    • Geschlecht:
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #627 am: 15. Februar 2020, 23:38:08
    Wieso stellst du diese Frage an Karl? Nur, weil du sein Template benutzt?  :mhhh: Dann kann ich ja froh sein, dass ich hier nie Templates verschenkt habe, wenn man dann wegen jedem ******* darauf festgenagelt wird.

    In dem verlinkten Google-Text geht es keine Sekunde darum, dass man automatisiert sein aktuelles Logo als Favicon ausgibt. Es wird lediglich in den Richtlinien verlangt, das es "eine grafische Darstellung Ihres Website-Logos sein soll, damit Nutzer es beim Stöbern in den Suchergebnissen schnell zuordnen können".  :whistle:

    Sorry, aber deine Anfrage setzt in Sachen absolute Faulheit echt nochmal eine Schippe oben drauf! Es kann ja wohl nicht so schwer sein, sich sein Favicon einmalig selbst zu erstellen und von einem Generator in alle möglichen Auflösungen und Formate umwandeln zu lassen.  :datz:

    Karl1

    • Experte
    • Beiträge: 1.749
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #628 am: 16. Februar 2020, 11:24:29
    Hallo Zusammen,

    @noRiddle:
    Eigentlich ist die Bootstrap-Modalbox für Inline-Content wie du es beschreibst gedacht, alles  andere wird nur mittel JS als Content geladen.
    Schau dir mal bei w3schools dieses Beispiel https://www.w3schools.com/bootstrap4/bootstrap_modal.asp an - entscheidend ist nur die eindeutige ID.
    Du brauchst auch den Content nicht "verstecken", das macht die CSS-Klasse ".modal"

    @Scubi (Alois):
    Das Shoplogo hat in den seltensten Fällen ein quadratisches Format und ist deshalb ungeeignet es eins zu eins als Favicon zu übernehmen.
    Ich denke, das muss jedem selbst überlassen werden sein eigenes Favicon zu basteln.

    Gruß Karl

    Scubi

    • Mitglied
    • Beiträge: 220
    Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template
    Antwort #629 am: 16. Februar 2020, 16:28:53
    Hallo Karl,
    danke für deine Antwort. Ich dachte es mir schon. Aber Du hast oft so geniale Ideen, da dachte ich, es kann nicht schaden zu fragen.

    @awids, es geht nicht um Faulheit. Es geht darum, das man manche Dinge einfach auomatisiert machen kann. Ich hoffe es geht Dir bald wieder besser.  :whistle:
    1266 Antworten
    403662 Aufrufe
    12. Dezember 2023, 07:46:30 von Karl1
    75 Antworten
    2527 Aufrufe
    Heute um 22:58:42 von Rocket3
    1228 Antworten
    633864 Aufrufe
    11. März 2020, 16:11:33 von Baschtl
    1 Antworten
    3085 Aufrufe
    24. April 2018, 09:36:44 von lukass
               
    anything