Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Wie erstelle ich ein
Virtuemart Template?
Tobias Rick
Simon Sam...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Inhalt
● Was ist ein Virtuemart Template?
● Joomla Overrides
● ...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Was ist ein Virtuemart Template?
● Eine Kombination aus Virtuem...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Was ist ein Override?
● Es überschreibt die Ausgabe der View ei...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
CSS und Javascript
$doc = JFactory::getDocument();
● Eigene CSS...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
CSS und Javascript
● Eigenen CSS Code einfügen
$document->addSt...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Browser Developer Tools
● CSS „Regeln finden“
● Ladezeiten anal...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Includes
● Sorgen für strukturierten Code
– z.B. in Tabs, Schle...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Daten finden und anzeigen
● Daten stammen aus Models (und Contr...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Virtuemart Parameter
● Befinden sich in VmConfig
● Alle Paramet...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Eigene Daten nachladen
● Helper Klasse anlegen und einbinden.
–...
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Fragen?
www.yagendoo.com
www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
Vielen Dank für Ihre Aufmerksamkeit!
Nächste SlideShare
Wird geladen in …5
×

Wie erstelle ich ein Virtuemart Template? (Joomladay 2013 Vortrag by yagendoo.com)

1.359 Aufrufe

Veröffentlicht am

Dieser Vortrag wurde beim Joomladay 2013 vom Team von www.yagendoo.com gehalten.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Wie erstelle ich ein Virtuemart Template? (Joomladay 2013 Vortrag by yagendoo.com)

  1. 1. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Wie erstelle ich ein Virtuemart Template? Tobias Rick Simon Samtleben Yannick Spang Joomla!Day Deutschland 2013
  2. 2. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Inhalt ● Was ist ein Virtuemart Template? ● Joomla Overrides ● CSS und Javascript ● Browser Developer-Tools ● Includes ● Vorhandene Daten finden und ausgeben ● Virtuemart Parameter ● Eigene Daten nachladen
  3. 3. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Was ist ein Virtuemart Template? ● Eine Kombination aus Virtuemart Theme und Joomla Template ● Greift sowohl im Shop als auch in den Standard-Joomla- Views ● Man unterscheidet zwischen CSS-Overrides und Code- Overrides
  4. 4. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Was ist ein Override? ● Es überschreibt die Ausgabe der View einer Komponente oder eines Moduls ● Es wird automatisch geladen sobald es angelegt wurde ● Es wird bei einem Update nicht überschrieben ● Wie finde ich das richtige Override? ● Es befindet sich im Template-Ordner Original: /components/$component/views/$view/tmpl/ Override: /templates/$template/html/$component/$view/
  5. 5. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com CSS und Javascript $doc = JFactory::getDocument(); ● Eigene CSS Datei laden: $doc->addStyleSheet(JURI::base() . 'templates/yag_vision_vt/css/style.css'); ● Eigene Javascript Datei laden: $doc->addScript($this->baseurl . '/templates/yag_vistion_vt/javascript/script.js'); Ob die Datei erfolgreich geladen wurde kann man mit Hilfe des Quellcodes überprüfen.
  6. 6. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com CSS und Javascript ● Eigenen CSS Code einfügen $document->addStyleDeclaration(".foo{ color:#eee;}"); ● Eigenen Javascript Code einfügen $document->addScriptDeclaration('...');
  7. 7. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Browser Developer Tools ● CSS „Regeln finden“ ● Ladezeiten analysieren ● Fehler finden – 404, Javascript Fehler, … ● Ajax-Requests analysieren
  8. 8. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com
  9. 9. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Includes ● Sorgen für strukturierten Code – z.B. in Tabs, Schleifen, etc. ● Code kann wiederverwendet werden – z.B. Featured Products, Latest Products, … ● Liegen im gleichen Ordner wie die View <?php echo $this->loadTemplate('items'); ?> <?php include 'default_items.php'; ?>
  10. 10. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Daten finden und anzeigen ● Daten stammen aus Models (und Controllern) ● Verschiedene Datentypen – Strings, Numbers, Arrays, Objekte ● Verschiedene Anlaufstellen – original View(s) – view.html.php /components/$component/views/$view/view.html.php ● Wie gebe ich Daten aus?
  11. 11. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Virtuemart Parameter ● Befinden sich in VmConfig ● Alle Parameter anzeigen print_r(VmConfig::loadConfig()); ● Einzelnen Parameter auslesen VmConfig::get('param_name');
  12. 12. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Eigene Daten nachladen ● Helper Klasse anlegen und einbinden. – Kann überall verwendet werden. – View bleibt aufgeräumt. ● Daten in der Datenbank suchen. ● Methode in Helper erstellen um Daten zu laden. $Dbo = JFactory::getDbo(); $Dbo->setQuery('SELECT * FROM #__foo'); $data = $Dbo->loadAssocList();
  13. 13. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Fragen? www.yagendoo.com
  14. 14. www.yagendoo.com • yagendoo Media GmbH • team@yagendoo.com Vielen Dank für Ihre Aufmerksamkeit!

×