Ladezeit von Gambio GX2 optimieren

Die Ladezeit einer Internetseite und Onlineshops steigert nicht nur die Nutzerfreundlichkeit, sondern sie ist auch ein Kriterium für das Googleranking.

Weiterlesen

Gambio GX2 statische CSS erstellen – Anleitung

Viele Shopbetreiber haben ein großes Problem mit der Ladegeschwindigkeit. Gerade Gambio hat sehr lange Ladezeiten. Ein Weg diese zu verkürzen liegt darin, die dynamische CSS Datei von Gambio in eine statische CSS umzuwandeln. Das hängt daran, dass die dynamische CSS die Daten aus der Datenbank holen muss. Das kann aber recht schnell und einfach geändert werden.

Nachdem der Shop angepasst wurde wie ihr ihn haben wollt geht ihr wie folgt vor:

1. Erstellt eine neue Datei auf eurem Rechner und nennt sie dynamic.css

2. Nun geht ihr auf die Seite:

http://deineShopadresse.de/templates/EyeCandy/gm_dynamic.css.php?current_template=EyeCandy (Falls ihr EyeCandy verwendet)

und

http://deineShopadresse.de/templates/gambio/gm_dynamic.css.php?current_template=gambio (Falls ihr das Gambio Template nutzt)

und kopiert den kompletten Inhalt in der angelegten dynamic.css

3. ladet die Datei in den Templateordner auf eurem Server. Falls der Shop im Rootverzeichnis liegt: /templates/gambio (oder EyeCandy)/

4. Geht in den Ordner /includes und ladet die Datei header.php runter.

5. Öffnet die Datei header.php mit einem Editor und sucht die Zeile:

<link type=”text/css” rel=”stylesheet” href=”<?php echo ‘templates/’.CURRENT_TEMPLATE.’/gm_dynamic.css.php’.$renew_cache; ?>” />

ersetzt diese Zeile mit:

<link type=”text/css” rel=”stylesheet” href=”<?php echo ‘templates/’.CURRENT_TEMPLATE.’/dynamic.css'; ?>” />

ladet die header.php Datei nun wieder in den /includes/ Ordner in eurem Shop.

Nun sollte euer Shop immernoch so aussehen, aber er nutzt nun die statische CSS Datei.

Wer die Ladezeit von Gambio noch weiter optimieren will sollte sich diesen Artikel nicht entgehen lassen.  -> zum Artikel

 

Hier nochmal ein Video dazu:

 

VG

Daniel

JQuery Plugins für Gambio GX2

In meinem neuesten Projekt www.kuechenbude.de haben wir uns einige Besonderheiten ausgedacht. Da Gambio von Haus aus die JavaScript Library JQuery beinhaltet sollten wir das auch nutzen. In Gambio GX2 gibt es die Möglichkeit zusätzliche Plugins ohne Eingriff in den Systemcode an sich zu implementieren. Den dazu passenden Ordner findet ihr in /templates/deinTemplate/usermod/javascript/Global/ (falls das Plugin überall verfügbar sein sollte)

So ist es Beispielsweise möglich, die Standart Slideshow durch den NivoSlider zu ersetzen. Wichtig ist dabei, das man nicht einfach die originale JQuery Version von Gambio überschreibt, sondern das JQuery Plugin der Gambioversion anpasst. Wenn man das nicht beachtet, kommt es schnell zu Fehlern und der Shop wird nicht mehr benutzbar bzw werden dann einige Funktionen ihren Dienst versagen. Weiterlesen

Individuelles Gambio GX2 Design

Nach einigen Monaten der Arbeit und nach dem Jahreswechsel möchte ich ein paar unserer neuen individuellen Gambio GX2 Designs vorstellen.

Viele Shopbetreiber die Gambio nutzen setzen auf das Standarttemplate EyeCandy in Verbindung mit StyleEditor. Das eignet sich aber nur für kleine Änderungen und kann schnell zu einem unruhigen Design führen. Häufig fängt die Navigation an zu “zappeln” sobald man mit der Maus über einen Menüpunkt fährt, weil man die Schriftgröße für die Onmouseover Funktion nur schwer ändern kann. Weiterlesen

Gambio Livesuche – Bilder anzeigen

Nach längerer Sommerpause melde ich mich mal mit einem spannenden Thema zurück.

Gambio Livesuche

Eigentlich kennen ja alle die Livesuche von Gambio. Die Vorschläge werden brav untereinander angezeigt, ohne jedwede Info für den Kunden.

(siehe Bild)

In einem meiner Lieblingsprojekte durfte ich diese Suche nun etwas erweitern und bin der Meinung, dass eine hübsche Suchfunktion in keinem Onlineshop fehlen darf. Weiterlesen

Mobiles Design für Onlineshop-Systeme

Ein mobiles Design für einen Onlineshop wird immer wichtiger, denn das Web wird schon lange nicht mehr nur auf dem Laptop oder Desktop PC verwendet. Seit einigen Jahren orientiert sich das Internet immer mehr an mobilen Endgeräten. Leider sind Onlineshopsysteme häufig noch nicht ernsthaft dafür ausgelegt und so mangelt es bei vielen an einem ordentlichen mobilen Design. Weiterlesen

Magento installieren – Tutorial

Magento hat sich mittlerweile zu einer sehr starken e-commerce Software entwickelt. Also plane ich die nächsten Wochen, ähnlich wie ich es für Gambio gemacht habe, eine kleine Testreihe und How-To’s zu schreiben. Im ersten Blogbeitrag zu Magento, erkläre ich, wie ihr Magento installiert.

  1. Daten auf Server kopieren
  2. Datenbank anlegen
  3. Installationsroutine
  4. Module installieren

1. Daten von Magento auf den Server kopieren

Magento könnt ihr über die Homepage herunterladen.

Link: http://www.magentocommerce.com/de/ Weiterlesen

Gambio Template erstellen

Template für Gambio mit SmartyEin guter Onlineshop zeichnet sich vor allem durch ein einmaliges Template aus. Für viele ist es allerdings gar nicht möglich, ein eigenes Template zu erstellen. Oft  fehlen einfach die Basics und selbst einige Agenturen haben dabei große Probleme, da diese oft irgendwelche Editoren wie Adobe Dreamweaver verwenden. Am Ende ist es aber für einen Webdesigner gar nicht mal so schwierig, wenn man etwas in der Materie steckt. Weiterlesen

Gambio GX 2 – Copyright Hinweis / Footer löschen

Gambio ist manchmal schon sehr eigen und ich finde auch manche Sachen mehr schlecht als recht. Eines von diesen Dingen ist zum Beispiel, dass Gambio einen Footerlink eingebaut hat, der nicht ganz einfach entfernt werden kann. Ich habe gerade gesehen, dass man den Footer nicht einmal mit StyleEdit entfernen kann. Mich persönlich stört dieses “Shopsystem by Gambio.de © 2012″, zumindest wenn man für Gambio gezahlt hat. Der Fairness halber, können Sie den Copyright Hinweis auch in das Impressum verpflanzen.

Schauen wir mal wie man den Footer nun einfach bearbeiten oder löschen kann.

Weiterlesen