HelloEuropa GO

Documentacion de los templates

Need Help?

Instalando el Tema

-Primero, ingresa a tu Panel de Administracion de Magento GO y ve a “Diseñar” > “Editor de Temas”

-Desde la opcion “Tema Actual”, abajo de “Your Starting Theme”, selecciona “Personalizar”. Si no tienes este Tema (Your Starting Theme) abajo de “Tema Actual”, selecciona el Tema “T-shop” abajo de “Temas Disponibles” (click en Personalizar).

-Desde el menu de “Personalizacion de Tema”, selecciona la pestaña “Editor de CSS”

-Dentro del menu “Editor de CSS”, selecciona “Gestionar” al lado de

-Haz click en “Examinar archivos…” y busca en la carpeta de tu Tema la carpeta “Css Editor Images”. Vas a encontrar todas las imagenes necesarias dentro de esta carpeta, seleccionalas y subelas. Las imagenes deberian estar ahora dentro de la carpeta “Imagenes de Editor CSS”.

-Ahora navega nuevamente al menu “Editor de CSS”, verás la pestañana  “CSS Personalizada”, haz click en “Browse…” al lado de “Cargar el archivo custom.css” y busca el archivo custom.css adentro de la carpeta “Custom CSS” en la carpeta del Tema. Luego haz click en “Guardar”.

-Una vez que haz terminado de subir el archivo custom.css, navega al menu de “Editor Java Script”. Dentro de las opciones de “Tema Java Script” haz click en “Examinar Archivos…”, busca los archivos .js del Tema adentro de la carpeta “js”, seleccionalos a todos y subelos. Para helloEuropa GO, el orden de los archivos .js debe ser: 1° jquery.latest.js, 2° jquery.jcarousel.min.js, 3°jquery.cycle.all.min.js , 4° custom.js  Ahora haz click en “Guardar”.

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 la HomePage, navega a CMS>Paginas>Administre Contenido>selecciona la HomePage con “Clave URL”= “home”.

-En el menu de “Informacion de la Pagina”, selecciona “Contenido”, asegúrate de ocultar el editor de texto, y copia/pega el contenido siguiente o el contenido del archivo “homepage.txt” de tu carpeta del Tema (es lo mismo).

-Luego ve a la pestaña “Diseño” y selecciona “1column” como opcion de “Diseño”. Ahora haz click en “Guardar Pagina”.

Content:
{{block type="cms/block" block_id="helloslide"}}
<h1 class="title">Welcome to <strong>Ueropa</strong>. Your number one shop for quality goods. We provide you with a quick and easy service. <a class="go-login" href="http://demo.hellothemes.com/helloeuropa/customer/account/login/ ">Register</a></h1>
<h2>New Arrivals</h2>
<p>{{widget type="catalog/product_widget_new" show_pager="0"  products_count="10" template="catalog/product/widget/new/content/new_grid.phtml"}}</p>
<h2>Search Our Categories</h2>
<div class="featured-categories">
<div class="subcat-listing">
<ul class="subcat-products">
<li><img src="http://demo.hellothemes.com/media/catalog/category/Sin_t_tulo-1_0000_Layer_20_copia.jpg" alt="Furniture" />
<a href="http://helloeuropa.gostorego.com/furniture.html"><h3>Furniture</h3></a>
</li>
<li><img src="http://demo.hellothemes.com/media/catalog/category/Sin_t_tulo-1_0001_Layer_20_copia_2.jpg" alt="Electronics" />
<a href="http://helloeuropa.gostorego.com/electronics.html"><h3>Electronics</h3></a>
</li>
<li style="margin: 0px;"><img src="http://demo.hellothemes.com/media/catalog/category/Sin_t_tulo-1_0002_Layer_20.jpg" alt="Apparel" />
<a href="http://helloeuropa.gostorego.com/apparel.html"><h3>Apparel</h3></a>
</li>
</ul>
</div>
</div>
{{block type="cms/block" block_id="twitter-block"}}

 

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.

Footer Links

Block Title: Footer Links
Identifier: footer_links
Satus: Enabled

Content:
<div class="f-bck" style="margin-right: 0px;">
<h2 class="connected">Stay Connected</h2>
<ul class="share" style="border-radius: 4px 4px 4px 4px;">
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-f.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-s.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-t.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-s.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-f.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-f.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-s.png" alt="HelloThemes" /></a></li>
<li><a href="#"><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/s-t.png" alt="HelloThemes" /></a></li>
</ul>
<h2 class="payment">Payment Option</h2>
<ul class="share" style="border-radius: 4px 4px 4px 4px;">
<li><img src="http://demo.hellothemes.com/skin/frontend/default/helloeuropa/images/cards.png" alt="HelloThemes" /></li>
</ul>
</div>

 

Twitter Block

Block Title: Twitter Block
Identifier: twitter-block
Satus: Enabled

Content:
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript">
</script>
<div id="twitter_update_list">
<script src="http://api.twitter.com/1/statuses/user_timeline/hellothemes.json?callback=twitterCallback2&count=3" type="text/javascript">
</script>
</div>

 

HelloSlide

Para mostrar las imagenes del slider, tienes que subirlas directamente dentro del Bloque-estatico HelloSlide. Para hacer esto, haz click en el boton “Insertar imagen…”, luego haz clikc en “Examinar archivos…” y busca la carpeta “HelloSlide Images” dentro de la carpeta de tu Tema. Selecciona todas las imagenes dentro de esta carpeta y subelas, finalmente haz click en el boton “Subir archivos”. Ahora puedes cerrar la ventana “Insert File…”.

Block Title: HelloSlide
Identifier: helloslide
Satus: Enabled

Content:
<div class="content-slide">
<div id="slide">
<div class="panel"><img src="{{media url="1.jpg"}}" alt="HelloThemes" />
<h1>Mens Wear</h1>
<p class="description">Kind one. Fowl meat there our fowl fill above fill herb replenish. Seas great meat to moveth our fowl divided. Gathering subdue created fruit without moved life let signs called said gathered dominion us together above our Thing likeness winged.<a class="go" href="#">Browse Categories</a></p>
</div>
<div class="panel"><img src="{{media url="1.jpg"}}" alt="HelloThemes" />
<h1>Mens Wear</h1>
<p class="description">Signs called said gathered dominion us together above our Thing likeness winged. <a class="go" href="#">Browse Categories</a></p>
</div>
</div>
</div>