Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Curso de Magento
Unidad Didáctica 08
Estructura de un Tema
David Vaquero
Objetivos
Saber cómo se construye un tema
Índice de
contenidos
Introducción
Selección de la skin
Creación de la carpeta de la skin
Creación de la carpeta del paquet...
Introducción
Dentro de magento tenemos un conjunto de
elementos visuales
Package: paquete de temas
Theme: tema visual
Layo...
Introducción
Todo el contenido que no se
encuentre en un tema siempre lo
cogerá del tema default dentro del
paquete selecc...
Selección de la
skin
Para seleccionar un tema en concreto
iremos a System->configuration->Design
Dentro de Temas podemos c...
Creación de la
carpeta de la skin
Dentro del directorio skin/frontend
Creamos una carpeta para nuestro paquete con el
nomb...
Creación de la
carpeta del paquete
Dentro del directorio design/frontend
Creamos una carpeta para nuestro paquete
con el n...
Deshabilitar la
cache
Iremos a System->Cache Managment
Seleccionamos todos
cambiamos a deshabilitar
Pulsamos en el botón e...
Selección del
paquete y del tema
Iremos a System->Configuration->Design
En el apartado de paquete seleccionamos el
nombre ...
CSS
en el directorio skin/frontend/
paquete/default/css es donde
estarán los ficheros css
El fichero principal es styles.c...
El paquete base
en el directorio app/design/
frontend/base/default
etc
layout
template
El paquete base
en el directorio skin/frontend/base/default
css
favicon.ico
images
js
lib
Modificaciones desde
el paquete base
Teniendo en cuenta la skin y el app/design el paquete base se utiliza
como base para ...
Traducciones de
cadenas
Las traducciones de cadenas están
disponibles en el directorio
app/design/frontend/paquete/tema/
l...
Licencia y
Financiación
Este curso ha sido financiado por el
Ayuntamiento de Vitoria-Gasteiz
La licencia de la presentació...
Upcoming SlideShare
Loading in …5
×

Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema

39,713 views

Published on

Theme structure magento

Published in: Technology
  • If you need your papers to be written and if you are not that kind of person who likes to do researches and analyze something - you should definitely contact these guys! They are awesome ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Verifique a fonte ⇒ www.boaaluna.club ⇐. Este site me ajudou escrever uma monografia.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema

  1. 1. Curso de Magento Unidad Didáctica 08 Estructura de un Tema David Vaquero
  2. 2. Objetivos Saber cómo se construye un tema
  3. 3. Índice de contenidos Introducción Selección de la skin Creación de la carpeta de la skin Creación de la carpeta del paquete Deshabilitar la cache Selección del paquete y de la skin CSS El paquete base Modificaciones desde el paquete base Traducciones de cadenas
  4. 4. Introducción Dentro de magento tenemos un conjunto de elementos visuales Package: paquete de temas Theme: tema visual Layout: diseños por columnas Block: Bloque de código Widget: tipo especial de bloque con funcionalidad
  5. 5. Introducción Todo el contenido que no se encuentre en un tema siempre lo cogerá del tema default dentro del paquete seleccionado
  6. 6. Selección de la skin Para seleccionar un tema en concreto iremos a System->configuration->Design Dentro de Temas podemos cambiar la skin por defecto Por ejemplo poniendo blue Esto nos permite cambiar el aspecto particular, images, css, js, favicon etc…
  7. 7. Creación de la carpeta de la skin Dentro del directorio skin/frontend Creamos una carpeta para nuestro paquete con el nombre que queramos Dentro creamos una carpeta default Dentro creamos las carpetas css js images
  8. 8. Creación de la carpeta del paquete Dentro del directorio design/frontend Creamos una carpeta para nuestro paquete con el nombre pusimos antes Dentro creamos una carpeta default Dentro creamos las carpetas layout template
  9. 9. Deshabilitar la cache Iremos a System->Cache Managment Seleccionamos todos cambiamos a deshabilitar Pulsamos en el botón enviar Esto permitirá ir viendo los cambios que vayamos haciendo sin que afecte la cache
  10. 10. Selección del paquete y del tema Iremos a System->Configuration->Design En el apartado de paquete seleccionamos el nombre del paquete En el apartado de Temas ponemos la skin creada en ambos directorios de paquete, default Aquí si recargamos tendremos un tema completamente en blanco para empezar a jugar
  11. 11. CSS en el directorio skin/frontend/ paquete/default/css es donde estarán los ficheros css El fichero principal es styles.css
  12. 12. El paquete base en el directorio app/design/ frontend/base/default etc layout template
  13. 13. El paquete base en el directorio skin/frontend/base/default css favicon.ico images js lib
  14. 14. Modificaciones desde el paquete base Teniendo en cuenta la skin y el app/design el paquete base se utiliza como base para el desarrollo de temas visuales Si un archivo no se encuentra en el paquete o tema actual intentará utilizar los ficheros que haya en el paquete base Para modificar aspectos del paquete base hay que replicar las carpetas y ficheros con sus nombres específicos en el paquete y tema que estemos manejando en ese momento Para ayudar al desarrollo de temas hay que ir a System- >Configuration->Developer Debug: activar los hints de bloques y templates Así veremos en el código generado html etiquetas que nos muestran en que fichero está cada cosa
  15. 15. Traducciones de cadenas Las traducciones de cadenas están disponibles en el directorio app/design/frontend/paquete/tema/ locale/codigo_pais y en app/locale/codigo_pais nos entramos con un ficheros csv con las traducciones por cada modulo
  16. 16. Licencia y Financiación Este curso ha sido financiado por el Ayuntamiento de Vitoria-Gasteiz La licencia de la presentación el CC- BY-SA-NC 3.0 registrada a nombre de David Vaquero Santiago http://creativecommons.org/licenses/ by-nc-sa/4.0/

×