Anleitung Boxen in den Footer

Thema wurde von Steffen (indiv-style.de), 6. Januar 2013 erstellt.

  1. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    #1 Steffen (indiv-style.de), 6. Januar 2013
    Zuletzt bearbeitet: 6. Januar 2013
    So, hier mal eine Version des 3 spaltigen Templates mit einem eigenen Footer, in dem man mit dem Styleseditor die Boxen reinpacken kann!

    Das heist, es ist möglich einfach z.B. eine Extrabox oder die Informationen in den Footer zu packen!
    Da ist Platz für bis zu 4 Boxen!

    GX2_Footer.jpg

    Suche in der /templates/EyeCandy/index.html nach:
    HTML:
                <div id="main" class="clearfix">
                    {if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
                    <div id="main_inside">
                        {$IMGSLIDER}
                        {$main_content}
                                        
                    </div>
                </div>
    
                <div id="left" class="clearfix">
                    {gm_menuboxes first=1 last=100 html='<div  id="gm_box_pos_[COUNTER]"  class="gm_box_container">[CONTENT]</div>'}
                    {gm_menuboxes first=101 last=200 html='<div  id="gm_box_pos_[COUNTER]"  class="gm_box_container">[CONTENT]</div>'}
                </div>
    ersetze es mit:
    HTML:
     
                            <div id="dreiright" class="clearfix">
                    {gm_menuboxes first=101 last=192 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
                            </div>
                <div id="main" class="clearfix">
                    {if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
                    <div id="main_inside">
                        {$IMGSLIDER}
                        {$main_content}
                                        
                    </div>
                </div>
    
                <div id="left" class="clearfix">
                    {gm_menuboxes first=1 last=100 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
                </div>
    
                            <div id="newfooter"  class="clearfix">
                                {gm_menuboxes first=193 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container fobreite">[CONTENT]</div>'}
        
                                {if $COPYRIGHT_FOOTER}
                                        <div id="shopsoftware_by_gambio">
                                                {$COPYRIGHT_FOOTER}
                                        </div>
                                {/if}
                            </div>
    
     
    dann nur noch die angehängte dreispaltig.css in den Ordner /templates/EyeCandy/usermod/css kopieren. Cache löschen und dann kann man die Boxen nach rechts oder nach unten verschieben!

    Wer das mit dem Stylesetitor machen möchte, muss die angehängten Dateien ersetzen!

    \StyleEdit\classes\GMBoxesMaster.php
    \StyleEdit\javascript\GMBoxesMaster.js

    Das ist NICHT updatessicher!!!
    Wie immer!!! Keine Garantie!! Vorher alle Daten und Datenbanken sichern!!
     

    Anhänge:

  2. HolgerNils (xycons.de)

    HolgerNils (xycons.de) G-WARD 2013/2014

    Registriert seit:
    29. Oktober 2011
    Beiträge:
    1.982
    Danke erhalten:
    467
    Danke vergeben:
    369
    Ja hau mir eine rein! Geht doch!
    Was geht ab da rain? Na die Boxen! :)
     
  3. Jens Delkeskamp

    Jens Delkeskamp Erfahrener Benutzer

    Registriert seit:
    4. November 2012
    Beiträge:
    69
    Danke erhalten:
    3
    Danke vergeben:
    9
    Danke für deine Erklärung Steffen.
    wüsste jedoch gerne mal die Lösung für meine 2 spaltige Klamotte.
    Was muss geändert werden ?

    Habe die PHP und die JS Datei bereits eingefügt und meine Index leicht abgeändert aber es tut sich nichts.
    Muss ich nur die Boxen in der DB auf 193 bis 200 abändern und Tada da sind se oder wie ?
    Footer im Content dann auch leer lassen gell ?

    Kannst Du Dir mal biddde meine Index reinziehen und schauen ob das so okay ist ?

    HTML:
    {load_language_text section="index"}
    {php}
    if((substr_count($_SERVER["SCRIPT_NAME"], 'checkout_') > 0 || substr_count($_SERVER["SCRIPT_NAME"], 'paypal_checkout') > 0) && gm_get_conf('GM_LIGHTBOX_CART') == 'true' && gm_get_conf('GM_LIGHTBOX_CHECKOUT') == 'true') echo '<div id="pre_black_container"><div id="pre_black">&nbsp;</div></div>';
    
    if(gm_get_conf('GM_SHOP_OFFLINE') != 'checked' || $_SESSION['customers_status']['customers_status_id'] == 0) {
        $show_page = true;
    } else {
        $show_page = false;
    }
    
    if($show_page == false) {
        echo '<br/><br/><br/>'. gm_get_conf('GM_SHOP_OFFLINE_MSG') .'<br/><br/><br/>';
    } else {
        {/php}
    {*############### OFFLINE BOF ###############*}
    <div id="wrap_box" class="wrap_shop">
        <noscript>
            <div class="noscript_notice">
                {$txt.text_noscript_notice}
            </div>
        </noscript>
    <ul id="social_side_links">
        <li id="twitter"><a onclick="window.open(this.href,'_blank'); return false;" href="http://twitter.com/"><img alt="/" src="{$tpl_path}img/social-icons/twitters.png" /></a></li>
        <li id="facebook"><a onclick="window.open(this.href,'_blank'); return false;" href="http://www.facebook.com/"><img alt="/" src="{$tpl_path}img/social-icons/facebooks.png" /></a></li>
        <li id="email"><a onclick="window.open(this.href,'_blank'); return false;" href="mailto:admin@rundum-sicher.de"><img alt="/" src="{$tpl_path}img/social-icons/emails.png" /></a></li>
        <li id="paypal"><a onclick="window.open(this.href,'_blank'); return false;" href="http://www.paypal.com/"><img alt="/" src="{$tpl_path}img/social-icons/paypals.png" /></a></li>
        <li id="rss"><a onclick="window.open(this.href,'_blank'); return false;" href="http://www.rundum-sicher.de.de/"><img alt="/" src="{$tpl_path}img/social-icons//rsss.png" /></a></li>
        <li id="googleplus"><a onclick="window.open(this.href,'_blank'); return false;" href="http://plus.google.com/"><img alt="/" src="{$tpl_path}img/social-icons/googlepluss.png" /></a></li>
    </ul>
    
    
        <div id="container">
            <div id="container_inner" class="clearfix">
                {$TOP_NAVIGATION}
    
        <div id="container">
            <div id="container_inner" class="clearfix">
    
                <div id="header">
                    {if $gm_logo}<div id="shop_logo">{$gm_logo}</div>{/if}
                </div>
    
                {$CATEGORIES_TOP}
                {$CONTENT_TOP}
    {$CATEGORIES_DROPDOWN}
    
    <div id="head_toolbox">
                    <div id="head_toolbox_inner">
    
                        {$TOP_SEARCH}<div id="breadcrumb_navi">{$SHOPPING_CART_HEAD}
                            <span>{$navtrail}</span>
                        </div>
    </div>
                </div>        
    
                <div id="main" class="clearfix">
                    {if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
                    <div id="main_inside">
    {$IMGSLIDER}
                        {$main_content}
                                        
                    </div>
                </div>
    
                <div id="left" class="clearfix">
                    {gm_menuboxes first=1 last=100 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
                    {gm_menuboxes first=101 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
                </div>
    
                            <div id="newfooter"  class="clearfix">
                                {gm_menuboxes first=193 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container fobreite">[CONTENT]</div>'}
        
                                {if $COPYRIGHT_FOOTER}
                                        <div id="shopsoftware_by_gambio">
                                                {$COPYRIGHT_FOOTER}
                                        </div>
                                {/if}
                            </div>
    
        {gm_footer}
    
        {$CATEGORIES_SUBMENUS}
    
        {$SHOPPING_CART_DROPDOWN}
        
        {$LOGIN_DROPDOWN}
        {$INFOBOX_DROPDOWN}
        {$CURRENCIES_DROPDOWN}
        {$LANGUAGES_DROPDOWN}
    
    </div>
    
    {*############### OFFLINE EOF ###############*}
        {php}
    }
    {/php}
    
    Gruss Jens
     
  4. Yondola

    Yondola Erfahrener Benutzer

    Registriert seit:
    22. Februar 2013
    Beiträge:
    47
    Danke erhalten:
    0
    Danke vergeben:
    16
    #4 Yondola, 10. April 2013
    Zuletzt bearbeitet: 11. April 2013
    Hallo,

    dank der tollen Anleitung konnte ich den Footer einbauen.

    Kann man die Hintergrundfarbe des Footers von Hellgrau auf Weiß ändern? Ansonsten sieht der Footer bei mir wie ein Fremdkörper aus.
    Mit dem StyleEdit geht es leider nicht. Er kann nicht auf das Feld zugreifen.

    footer hintergrund.jpg
     
  5. Dan (sunnywall.de)

    Dan (sunnywall.de) Erfahrener Benutzer

    Registriert seit:
    16. April 2013
    Beiträge:
    1.263
    Danke erhalten:
    138
    Danke vergeben:
    122
    Das war der Grund warum ich es im Testshop belassen habe. :)
    Sollte aber auch nur ein Test werden...
     
  6. petermoehle

    petermoehle Mitglied

    Registriert seit:
    9. August 2013
    Beiträge:
    15
    Danke erhalten:
    1
    Danke vergeben:
    4
    Guten Morgen, es ist schon seltsam das es "keine" Anleitungen für Leute gibt die nicht mit den HTML und CSS Büchern arbeiten. Selbst wenn wie oben alles durchgeführt wird scheint es nicht zu funktionieren. Ich habe jetzt etliche Stunden mit dem footer und dem 3-spaltigen Template auf der Uhr und ich dreh mich nur im Kreis. Gibt es denn ein empfehlenswertes, funktionierendes Tutorial ? Mir ist es nicht gelungen einen footer wie in den Testshops von Gambio zu erstellen. Bitte hier um Hilfestellung.....
     
  7. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wer basteln will muss wissen wie man Werkzeuge benutzt :)

    Wenn den Footer aus dem Testshop haben willst: Geh in den Adminbereich des DemoShops und kopiere dir da den Quelltext aus dem COntent Manager. Passe die Pfade zu den Bildern und die Texte an und schon hast den selben Footer.
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    #8 Dennis (MotivMonster.de), 30. Oktober 2013
    Zuletzt bearbeitet: 30. Oktober 2013
    Habe nach der angegebenen Datei bzw. Zeile gesucht, allerdings nur das hier gefunden:

    Code:
    {load_language_text section="index"}  {pre_black_container}  {if SHOP_OFFLINE} 	{html_shop_offline} {else}   	  	{$TOP_NAVIGATION} 	{$CATEGORIES_DROPDOWN}  	 		 			 				{if $gm_logo}{$gm_logo}
    {/if} 			
      			{$CATEGORIES_TOP} 			{$CONTENT_TOP}  			 				 					{$TOP_SEARCH}  					 						{$navtrail} 					
      					{$SHOPPING_CART_HEAD} 				
     			
    		  			 				{if $BANNER}{$BANNER}
    {/if} 				 					{$IMGSLIDER} 					{$main_content} 									 				
     			
      			 				{gm_menuboxes first=1 last=100 html='[CONTENT]
    '} 				{gm_menuboxes first=101 last=200 html='[CONTENT]
    '} 			
      			{if $COPYRIGHT_FOOTER} 				 					{$COPYRIGHT_FOOTER} 				
     			{/if} 		
     	
      	{gm_footer}  	{$CATEGORIES_SUBMENUS}  	{$SHOPPING_CART_DROPDOWN} 	 	{$LOGIN_DROPDOWN} 	{$INFOBOX_DROPDOWN} 	{$CURRENCIES_DROPDOWN} 	{$LANGUAGES_DROPDOWN} 
      {/if}
    Vielleicht kann mir ja jemand weiter helfen?!
     
  9. alimkeles

    alimkeles Mitglied

    Registriert seit:
    14. November 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Hallo Steffen, habe alles nach Anleitung durchführt, funktioniert soweit auch.
    Aber ich habe die Zusatzboxen jetzt im Footer sowie auf rechten Seite.
    Möchte die aber nur im Footer haben. Was habe ich falsch gemacht.
    Steffen.JPG
    Danke und Gruß
    Detlef
     
  10. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Dann scheint der Code in der index.html nicht korekt zu sein.
     
  11. alimkeles

    alimkeles Mitglied

    Registriert seit:
    14. November 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Hallo Steffen,

    danke für die schnelle Antwort, hier ist die index.html.
    Vielleicht kannst du mir einen Tipp geben.
    Danke im vorraus.
    Detlef
    {load_language_text section="index"}{$HEAD}

    {pre_black_container}

    {if SHOP_OFFLINE}
    {html_shop_offline}
    {else}

    <div id="wrap_box" class="wrap_shop">
    <noscript>
    <div class="noscript_notice">
    {$txt.text_noscript_notice}
    </div>
    </noscript>

    {$TOP_NAVIGATION}
    {$CATEGORIES_DROPDOWN}

    <div id="container">
    <div id="container_inner" class="clearfix">
    <div id="header">
    {if $gm_logo}<div id="shop_logo">{$gm_logo}</div>{/if}
    </div>

    {$CATEGORIES_TOP}
    {$CONTENT_TOP}

    <div id="head_toolbox">
    <div id="head_toolbox_inner">
    {$TOP_SEARCH}

    {$navtrail}

    {$SHOPPING_CART_HEAD}
    </div>
    </div>

    <div id="dreiright" class="clearfix">
    {gm_menuboxes first=101 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
    </div>
    <div id="main" class="clearfix">
    {if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if}
    <div id="main_inside">
    {$IMGSLIDER}
    {$main_content}

    </div>
    </div>

    <div id="left" class="clearfix">
    {gm_menuboxes first=1 last=100 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
    </div>

    <div id="newfooter" class="clearfix">
    {gm_menuboxes first=193 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container fobreite">[CONTENT]</div>'}

    {if $COPYRIGHT_FOOTER}
    <div id="shopsoftware_by_gambio">
    {$COPYRIGHT_FOOTER}
    </div>
    {/if}
    </div>


    {gm_footer}

    {$CATEGORIES_SUBMENUS}

    {$SHOPPING_CART_DROPDOWN}

    {$LOGIN_DROPDOWN}
    {$INFOBOX_DROPDOWN}
    {$CURRENCIES_DROPDOWN}
    {$LANGUAGES_DROPDOWN}
    {$COUNTRIES_DROPDOWN}
    </div>

    {/if}

    {$BOTTOM}
     
  12. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    HTML:
    {gm_menuboxes first=101 last=200 html='<div id="gm_box_pos_[COUNTER]" class="gm_box_container">[CONTENT]</div>'}
    mach mal aus der 200 ne 192.... ;)
     
  13. alimkeles

    alimkeles Mitglied

    Registriert seit:
    14. November 2014
    Beiträge:
    7
    Danke erhalten:
    0
    Hallo Steffen,

    super hat funktioniert, danke.
    Detlef