logo_interactivate2

Marketing on-line
Diseño de páginas web
CMS: Joomla, Wordpress
TIENDAS: VirtueMart, Magento

Plantillas de diseño personalizadas magento

En magento existen ya predefinidas las siguientes plantillas:

  • 1 columna
  • 2 columnas con barra derecha
  • 2 columnas con barra izquierda
  • 3 columnas

Pero a veces necesitamos más para personalizar el diseño de la web, lo que debemos hacer es lo siguiente:

editar el archivo:

app/code/core/Mage/Page/etc/config.xml

En la línea 47~ busca:

  1. <page>
  2. <layouts>
  3. <empty module="page" translate="label">
  4. <label>Empty</label>
  5. <template>page/empty.phtml</template>
  6. <layout_handle>page_empty</layout_handle>
  7. </empty>
  8. <one_column module="page" translate="label">
  9. <label>1 column</label>
  10. <template>page/1column.phtml</template>
  11. <layout_handle>page_one_column</layout_handle>
  12. <is_default>1</is_default>
  13. </one_column>
  14. <two_columns_left module="page" translate="label">
  15. <label>2 columns with left bar</label>
  16. <template>page/2columns-left.phtml</template>
  17. <layout_handle>page_two_columns_left</layout_handle>
  18. </two_columns_left>
  19. <two_columns_right module="page" translate="label">
  20. <label>2 columns with right bar</label>
  21. <template>page/2columns-right.phtml</template>
  22. <layout_handle>page_two_columns_right</layout_handle>
  23. </two_columns_right>
  24. <three_columns module="page" translate="label">
  25. <label>3 columns</label>
  26. <template>page/3columns.phtml</template>
  27. <layout_handle>page_three_columns</layout_handle>
  28. </three_columns>
  29. </layouts>
  30. </page>

 

y añadimos antes del cierre de la etiqueta "</layouts>" nuestra plantilla personalizada:

  • <dos_col_flores module="page" translate="label">
  • <label>2 columnas categoria flores</label>
  • <template>page/2col_flores.phtml</template>
  • <layout_handle>page_2col_flores</layout_handle>
  • </dos_col_flores>
  • con este código ya nos aparecerá el nombre de nuestra plantilla personalizada en todas las listas desplegables de "Page Layout" y así la podremos seleccionar.

    Ahora solo faltará subir por FTP el archivo de la plantilla (2col_flores.phtml) el la carpeta correspondiente de nuestro Template, en mi caso es:

    /app/design/frontend/default/mhitech/template/page

     

    "mhitech" es el nombre del template del proyecto que estoy haciendo, en vuestro caso será distinto.

    Categorias