Box Font Awesome Icons

Thema wurde von Anonymous, 23. November 2016 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Hi,

    Wie bekomme ich das hin, das der Text mehr nach Rechts geht, ich habe da Box Font Awesome Icons eingefügt, nun sind die aber genau auf dem Text drauf, was muss ich machen, damit die nicht mehr da drauf sind?

    Mfg
     

    Anhänge:

  2. da wäre es besser du hättest die Datei gepostet.
    probiere erst mal so, mit deinem fa-icon:
    Code:
    <div class="panel-heading"><i class="fa fa-check-square-o fa-2x pull-left"></i>Text</div>
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Hi,

    Hier mal die Datei.

    LG
     

    Anhänge:

  4. also für die Boxen kommt "panel-heading" aus der snippets/box/default/top.html, und da sollte das fa-icon rein.
    HTML:
    {if $content_data.PRODUCTS_DATA}
            {include file="get_usermod:{$tpl_path}snippets/box/default/top.html" class="bestsellers" headline=$txt.heading_best_sellers}
    mach in deiner box_best_sellers-USERMOD.html daraus:
    HTML:
    {if $content_data.PRODUCTS_DATA}
            {include file="get_usermod:{$tpl_path}snippets/box/default/top2.html" class="bestsellers" headline=$txt.heading_best_sellers}
    Da aber die top.html auch von den anderen Boxen gebraucht wird, folgender Trick:
    kopiere die top.html , mache daraus eine top2.html (an gleicher Stelle) und füge da dein fa-icon ein.
    HTML:
    <div class="box{if $class && $class != ''} box-{$class}{/if} panel panel-default"{if $linkcrypter && $linkcrypter != ''} data-gambio-widget="link_crypter"{/if}>
        <div class="panel-heading"><i style="color:#337AB7;margin-left: 10px;margin-top: 5px;position:absolute;" class="fa fa-shopping-bag fa-2x pull-left"></i>
            {if $headline && $headline != ''}
                {$headline}
            {else}
                &nbsp;
            {/if}
        </div>
        <div class="panel-body">
    dann kannst du dein icon besser anpassen.
    Habe das jetzt nicht getestet, das aber so mit meinen Boxen gemacht, probiere es aus und gib Nachricht, ob es geklappt hat.
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Hi,

    Hat super funktioniert, ich danke dir, nur eine Frage, wie kann ich das mehr nach oben machen, also genau in der Mitte vom Text.

    Siehe Bild.

    LG
     

    Anhänge:

  6. da musst du dein "margin-top: 5px" verändern auf 0 oder (wie bei mir) -2px,
    (kann man vorher mit Firefox-Browser "Element untersuchen" testen und dann in die top2.html übernehmen)
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Hi,

    Danke, hat auch funktioniert, weißt du wie ich bei den Kategorien ein Text einfügen kann?

    Beispiel: Unser Sortiment.

    LG
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Siehe Bild
     

    Anhänge:

    • kat.PNG
      kat.PNG
      Dateigröße:
      27,3 KB
      Aufrufe:
      30
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Und wie bekomme ich das weiße aus den Boxen was oben ist?
     

    Anhänge:

  10. Mit der box_categories-USERMOD.html und mit der categorie-left.css kannst du beides auf einmal lösen, musst nur noch deine Farben anpassen.
     

    Anhänge:

  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Wo füge ich die (Link nur für registrierte Nutzer sichtbar.) ein?
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Und kann ich bei Unsere Empfehlungen und Neue Artikel auf der Startseite in der Mitte ein Buton wie bei den Boxen einfügen?

    Siehe Bild

    LG
     

    Anhänge:

    • is.PNG
      is.PNG
      Dateigröße:
      2,4 KB
      Aufrufe:
      19
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    Habe es gefunden, danke
     
  14. Da musst du mir mal einen Link zu deinem Shop geben, da ich auf meiner Startseite eigene Boxen eingebaut habe.
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    25. Juli 2016
    Beiträge:
    58
    Danke erhalten:
    4
    Danke vergeben:
    11
    (Link nur für registrierte Nutzer sichtbar.) ist der Shop
     
  16. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. Oktober 2016
    Beiträge:
    241
    Danke erhalten:
    19
    Danke vergeben:
    188
    @postel wie mache ich die *Unser Sortiment* Box nen mm größer? Die ist ganz minimal kleiner als die Kategorie und wenn die oberste angeklickt ist siehts bissl doof aus
     

    Anhänge:

  17. gib mal einen link zu deinem Shop, da bei mir die Unterkategorien nicht in der Box angezeigt werden (habe ich abgestellt)
     
  18. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. Oktober 2016
    Beiträge:
    241
    Danke erhalten:
    19
    Danke vergeben:
    188
  19. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. Oktober 2016
    Beiträge:
    241
    Danke erhalten:
    19
    Danke vergeben:
    188
  20. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. Januar 2015
    Beiträge:
    856
    Danke erhalten:
    95
    Danke vergeben:
    124
    Ich lese mich den ganzen Morgen schon in Font Awesome rein (hatte das bisher immer ignoriert)
    (Ich kann Null Englisch, wie wird das denn gesprochen? Ich spreche das derzeit so aus wie es geschrieben wird: A-we-soome).

    Habe aus verschiedenen Themen hier im Forum einfach mal verschiedenen Code in verschiedene Content-Boxen (einfach nur zum testen vom Header bis zum Footer) eingegeben - aber nicht ein einziges Teil wurde mir angezeigt.
    Im Internet bin ich auf folgende Seite (Anleitung) gestossen:

    (Link nur für registrierte Nutzer sichtbar.)

    Das einbinden der genannten css kann ich mir sicher sparen, da es ja heisst, das die in Gambio schon aktiv ist.

    Ausserdem heisst es dort auch, dass keine Farben möglich sind um die Fonts zu gestalten.
    Also wenn ich mir die Seite von Likergeiz ansehe - links in den Menüs - dann geht das ja doch irgendwie?

    In der Anleitung der Shopsoftware ist leider absolut kein Wort diesbezüglich hinterlegt.
    Das ganze sieht recht interessant und nützlich aus - auch für andere Projekte von mir.

    Aber erst mal würde ich gerne ein wenig mit "spielen" um die ganze Einbindung und Gestaltung zu verstehen.

    Wer kann mir da etwas behilflich sein (auf Code-ebene gibts keine Probleme) oder hat eine brauchbare Anleitung (die ich hier heute morgen vielleicht auch überlesen habe?)

    LG: Tammy