HelloKimbo

Documentacion de los templates

Need Help?

Introducción

En este documento vas a encontrar toda la informacion necesaria para instalar tu template.

Instalando tu template

NOTA: Si tu template no incluye la carpeta 'media', no te preocupes, es porque no la necesitas.

Hellotheme installation from Guillermo on Vimeo.

Lo que vas a necesitar para comenzar

  • Vas a necesitar una herramienta (programa) para descomprimir el archivo. Nosotros recomendamos Winrar o Winzip WinRAR or WinZIP.
  • Para transferir los archivos de tu template a tu instalacion de Magento, vas a necesitar un cliente FTP (Protocolo de Transferencia de Archivos). Nosotros recomendamos FileZilla Client FTP-tool (or SCP if you're too cool for FTP). We recommend FileZilla or SmartFTP.
  • Y por ultimo, tener algun conocimiento basico en computacion es siempre bueno, aunque instalar nuestros templates es algo muy simple

Instrucciones Generales de Instalacion

  • Primero, descomprime tu archivo .zip y luego copia y pega las carpetas app, skin y media en la raiz de tu instalacion de Magento (necesitas pisar* estas carpetas), si estas carpetas de Magento no son pisadas vas a tener problemas en la instalacion.
  • Un mensaje pop-up puede aparecer advirtiendote de que ya existen estos archivos en tu servidor. Tienes que seleccionar Sobreescribir. Si este mensaje no aparece, no te preocupes, continua con la instalacion.
  • Esto puede tomar entre 5 y 10 minutos dependiendo de tu conexion a internet
  • Ingresa a tu Panel de Administracion de Magento y ve a Sistema → Configuracion → Diseño. Abre la pestaña templates, luego escribe el identificador del template que estas instalando (por ejemplo: hellocanvas) en estos campos: Plantillas, Skin (Images / CSS), Diseño, Por defecto, y luego haz click en Guardar la configuracion.
  • Deshabilita el Cache en Sistema → Gestor de la cache.
  • Selecciona todas las opciones, luego deshabilita la cache. Recomendamos habilitarla nuevamente una vez que termines de instalar tu template.
  • Listo, el template esta activo, pero éste incluye mas funcionalidades que necesitan ser configuradas para que funcione al 100%. Por favor sigue nuestro tutorial y configura tu Homepage y los Bloques estaticos.
  • *Solo para usuarios de Mac/iOS: pisar una carpeta en Mac OS X Finder no va a funcionar de la misma manera que en Windows. Este metodo no es soportado por Apple. Para pisar archivos en Mac OS X Finder debes utilizar una aplicacion como FileMerge o alguna similar.
Important!: Be sure to click in "Show/Hide Editor" in order to HIDE the HTML Editor (WYSIWYG Editor). If not, the code will be displayed wrong.

Configurando la Homepage

Para configurar tu Homepage, debes ir a (CMS → Pages). Selecciona “Home Page” con URL Key “home”. Ahora abre la pestaña “Contenido”, ahi tienes que agrear el contenido (codigo) de la HomePage. Por favor copia y pega el siguiente codigo:

Content:
{{block type="wordpress/post_list_recent" template="wordpress/post/hellorecent.phtml" title="Recent Posts" post_count="" post_list_template="wordpress/post/recent/hellohomelist.phtml"}}

 

Ultimo paso, tenemos que hacer que Magento muestre nuestra propia Homepage!. Debes hacer esto antes de poder mostrar la Homepage de tu Template:

  1. En el menu de la izquierda de la “Home Page”, abajo de “Contenido” selecciona “Diseño”
  2. Ahora selecciona “Homepage” en el menu desplegable de “Diseño”

Static Blocks are extra HTML or Plain Text that can be integrated to your store. We set these up so you can customize links, images or text included in our themes. We are now going to install our static blocks for this theme, within your Admin-panel go to CMS → Static Blocks → Add New Block.
Important!: Be sure to click in "Show/Hide Editor" in order to HIDE the HTML Editor (WYSIWYG Editor). If not, the code will be displayed wrong.

Hello Slide

Block Title: Hello Slide
Identifier: helloslide
Satus: Enabled

Content:
<div class="panel"><a href=""><img src="{{media url=helloslide/hellokimbo/01.png}}" alt="" /></a></div>
<div class="panel"><a href=""><img src="{{media url=helloslide/hellokimbo/02.png}}" alt="" /></a></div>
<div class="panel"><a href=""><img src="{{media url=helloslide/hellokimbo/03.png}}" alt="" /></a></div>

 

Twitter

Para desplegar la Twitter timeline, por favor sigue los siguientes pasos:

1) Accede a tu cuenta de Twitter, luego navega a: http://twitter.com/settings/widgets

2) Haz click en “Crear nuevo”:create-widget

 

3) Cambia la propiedad Height a 100px, luego haz click en “Crear widget”:widget-settings

 

4) Copia el código html y pégalo en el campo contenido del static-block Twitter, dentro de tu Panel de Administración de Magento.

Block Title: Twitter
Identifier: twitter
Satus: Enabled

Site Info

Block Title: Site Info
Identifier: siteinfo
Satus: Enabled

Content:
<h3>Site information</h3>

<ul class="sitemap">
<li><a href="/">Home</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
<li><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Delivery Returns</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Privacy Policy</a></li>
</ul>

<ul class="sitemap">
<li><a href="/">Home</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
<li><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Delivery Returns</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Privacy Policy</a></li>
</ul>

<div class="clear"></div>
<br/><br/>
<h3>Site information</h3>

<ul class="sitemap">
<li><a href="/">Home</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
<li><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Delivery Returns</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Privacy Policy</a></li>
</ul>

<ul class="sitemap">
<li><a href="/">Home</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
<li><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Delivery Returns</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Privacy Policy</a></li>
</ul>

 

Top Link Social

Block Title: Top Link Social
Identifier: toplinksocial
Satus: Enabled

Content:
<a class="top-share" href="#"><img src="{{skin url=images/s-t.png}}" alt="Twitter"/></a>
<a class="top-share" href="#"><img src="{{skin url=images/s-s.png}}" alt="Skype"/></a>
<a class="top-share" href="#"><img src="{{skin url=images/s-f.png}}" alt="Facebook"/></a>
<a class="top-share" href="#"><img src="{{skin url=images/s-r.png}}" alt="RSS"/></a>

 

Footer Links

Block Title: Footer Links
Identifier: footerLinks
Satus: Enabled

Content:
<ul class="links">
<li><a href="{{store direct_url="customer-service"}}">Services</a></li>
<li><a href="{{store direct_url="customer-service"}}">Requirements</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Security</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">Privacy Term</a></li>
<li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
<li><a href="{{store direct_url="contacts"}}">Contacts Us</a></li>
</ul>

<a href="http://facebook.com/" target="_blank" class="afacebook">Follow on Facebook</a>
<a href="http://twitter.com/" target="_blank" class="atwitter">Follow on Twitter</a>

 

Blog

Block Title: Blog
Identifier: blog
Satus: Enabled

Content:
{{block type="wordpress/post_list_recent" template="wordpress/post/hellorecent.phtml" title="Recent Posts" post_count="1" post_list_template="wordpress/post/recent/hellolist.phtml"}}