Hay múltiples maneras de hacer esto igualmente, ventajas y desventajas de cada una, peroprobablemente la manera más fácil (pero no necesariamente la mejor) para empezar es copiar:
app/design/frontend/base/default/ -> app/design/frontend/default/<theme_name>/
Haga lo mismo con la carpeta "skin":
skin/frontend/base/default/ -> skin/frontend/default/<theme_name>/
Ahora entra en admin y System->Configuration->Design y:
- Current Package Name: default
- Default: <theme_name>
- Asegúrese de que los demás estén todos en blanco.
Ahora debería ver el tema en blanco a aparecer en la parte delantera de su sitio! Magento tiene un sistema de estilo de retroceso de plantillas que básicamente dice: "mira, si no está allí, mira aquí .. si no está allí mire aquí", etc Lo que hemos hecho es poner todos los archivos que se relacionan con tu diseño en tu propia carpeta entonces lo que sea que estás viendo en tu diseño está viniendo ya sea de archivo de diseño XML, archivos de plantilla PHTML o CSS en tus <theme_name> carpetas.
Yo recomendaría encarecidamente la instalación de esta extensión.
Recuerde que al instalar las extensiones siempre debes hacer dos cosas después. 1)Borrar caché 2) iniciar sesión otra vez. Luego entra en Admin -> System -> Configuration -> Developer y habilita la extensión.
La principal funcionalidad que va a utilizar a partir de esta extensión es a) template path hints. b) Actualizar la caché.
Los cambios principales que siempre tendrás que realizar serán en:
- app/design/frontend/default/<theme_name>/layout/page.xml (define los elementos para TODAS las páginas)
- app/design/frontend/default/<theme_name>/layout/catalog.xml (define los elementos para el catálogo)
- app/design/frontend/default/<theme_name>/template/catalog/product/list.phtml (vista de cuadrícula / vista de lista, están aquí)
- app/design/frontend/default/<theme_name>/template/catalog/product/view.phtml (al ver el producto real)
- skin/frontend/default/<theme_name>/css/styles.css
Después, usted querrá ir y leer esto acerca de bloques estáticos. Yo tiendo a eliminar los "callouts" y sustituirlos por bloques estáticos por lo que son fácilmente editables por los clientes en la administración.
Cómo ejemplo, ve y crea un bloque estático y le das un identificador: left-callout e introduzca un texto al azar o una imagen.
- Ahora ve y abre tu catalog.xml
- Busque la sección que dice
<reference name="left">
<block type="core/template" name="left.permanent.callout" template="callouts/left_col.phtml">
<action method="setImgSrc"><src>images/media/col_left_callout.jpg</src></action>
<action method="setImgAlt" translate="alt" module="catalog"><alt>Nuestro servicio al cliente está disponible 24 / 7. Llámenos al (555) 555-0123.</alt></action>
<action method="setLinkUrl"><url>checkout/cart</url></action>
</block>
</reference>
Sustitúyalo por el siguiente:
<reference name="left">
<block type="cms/block" name="left.callout" before="-">
<action method="setBlockId"><block_id>left-callout</block_id></action>
</block>
</reference>
Actualiza el caché y actualiza la página principal.
Alternativamente, usted podría:
abre app/frontend/default/<theme_name>/template/page/html/footer.phtml
añade este texto en alguna parte:
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('left-callout')->toHtml() ?>
y ahora el mismo bloque estático que tú creaste anteriormente debe aparecer en el pie de página de su sitio en alguna parte.
Si estás en Linux, grep -R es tu amigo. Si estás en Windows / Mac. Encuentra un buen IDE que tenga apoyo del proyecto para que puedas "buscar todos los archivos en proyecto"- lo usarás mucho en el comienzo.
