HelloSportz

Documentacion de los templates

Need Help?
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:
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">New Releases</a></li>
		<li><a href="#tabs-2">Best Sellers</a></li>
		<li><a href="#tabs-3">Top Rated</a></li>
	</ul>
	<div id="tabs-1">
		{{block type="catalog/product_list" category_id="5" template="catalog/product/featured-products.phtml"}}
	</div>
	<div id="tabs-2">
		 {{block type="catalog/product_list" category_id="4" template="catalog/product/featured-products.phtml"}}
	</div>
	<div id="tabs-3">
		{{block type="catalog/product_list" category_id="10" template="catalog/product/featured-products.phtml"}}
	</div>
</div>

 

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”

Instrucciones Adicionales

Para mostrar tus productos en la homepage de tu template, debes configurar esta seccion del contenido de tu “Homepage”. Encuentra el campo “category_id” y cambia el numero existente por el category ID de la categoria cuyos productos quieras mostrar:

Content:
{{block type="catalog/product_list" category_id="3" . . .

 

Si no puedes encontrar tu numero de category ID, simplemente ve a Catalogo>Gestionar las categorias, selecciona una categoria y veras en la parte de arriba “Furniture (ID:10)” por ejemplo. Usa ese numero y reemplaza de category_id=”3″ a por ejemplo category_id=”10″. De esta manera:

Content:
{{block type="catalog/product_list" category_id="10" . . .

 

Edicion de CSS

Si no estás familiarizado con la edición de CSS Responsive, te recomendamos seguir este video-tutorial: http://vimeo.com/57012443

Puedes descargar un compilador de CSS Responsive desde esta URL: http://wearekiss.com/simpless  (es gratis).

Traducciones del template

Para visualizar diferentes lenguajes en tu template, primero tienes que descargar el paquete de lenguaje desde http://www.magentocommerce.com/magento-connect/ y luego instalarlo desde tu Panel de Administracion: Sistema>Magento Connect>Magento Connect Manager

Sigue estos simples pasos para configurarlo:

  • 1.Una vez instalado ve a Sistema -> Gestionar tiendas -> Crear una vista de tienda. Ingresa la informacion necesaria y Guarda la vista de tienda.
  • 2.Ahora ve a: Configuracion -> Alcance de la configuración actual (selecciona la Vista de tienda en el menu desplegable) y en el lado derecho dentro de “Locale options” selecciona el lenguaje instalado. Luego Guarda la configuracion.

Para otorgarle una traduccion mas completa, hemos agreado en este archivo las frases y palabras que no estaban traducidas en el paquete de lenguaje que proporciona MagentoConnect :

app/design/frontend/default/hellosportz/locale/language_code/translate.csv

Por ejemplo, la ruta del idioma portuges seria:

app/design/frontend/default/hellosportz/locale/pt_BR/translate.csv

Entonces, si quieres modificar/agregar palabras o frases, puedes hacerlo desde ese archivo. Ademas, seria util para nosotros si nos dices que palabras/frases deberiamos corregir;)

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.

Home categories

Block Title: Home categories
Identifier: home-categories
Satus: Enabled

Content:
{{block type="catalog/product_list" category_id="4" template="catalog/product/products_slide.phtml"}}
{{block type="catalog/product_list" category_id="16" template="catalog/product/products_slide.phtml"}}
{{block type="catalog/product_list" category_id="17" template="catalog/product/products_slide.phtml"}}

 

Footer Links

Block Title: Footer Links
Identifier: footer_links
Satus: Enabled

Content:
				<div class="footer-information span3">
					<div class="footer-block">
						<h3>About Us</h3>
                                                 <img src="{{skin url="images/aboutUs.jpg"}}"/>
					</div>
				</div> 

				<div class="footer-visit span3">
					<div class="footer-block">
						<h3>Visit Us</h3>
						<ul>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Help</a></li>
							<li><a href="#">Terms & Conditions</a></li>
							<li><a href="#">Size Guide</a></li>
							<li><a href="#">Formal Suit Hire</a></li>
							<li><a href="#">Responsibilities</a></li>
						</ul>
					</div>
				</div> 

				<div class="footer-services span3">
					<div class="footer-block">
						<h3>Help</h3>
						<ul class="left">
							<li><a href="#">About Us</a></li>
							<li><a href="#">Accessibility</a></li>
							<li><a href="#">Site Security</a></li>
							<li><a href="#">Site Map</a></li>
							<li><a href="#">Affiliates</a></li>
							<li><a href="#">Jobs</a></li>
						</ul>
						<ul class="right">
							<li><a href="#">Store Locator</a></li>
							<li><a href="#">Facebook</a></li>
							<li><a href="#">Twitter</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Press</a></li>
							<li><a href="#">Trekstock</a></li>
						</ul>
					</div>
				</div>	

 

Social Network

Block Title: Social Network
Identifier: social-network
Satus: Enabled

Content:
<h3>Follow Us</h3>
<a class="facebook" target="_blank" href="http://www.facebook.com"></a>
<a class="community " target="_blank" href="http://www.thespeechbubble.co.uk/"></a>
<a class="twitter" target="_blank" href="http://www.twitter.com"></a>
<a class="skype" target="_blank" href="http://www.skype.com"></a>

 

Carousel

Block Title: Carousel
Identifier: carousel
Satus: Enabled

Content:
<li><a href=""> <img src="{{skin url=images/catalog/marca1.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca2.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca3.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca4.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca5.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca6.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca7.png}}" alt="Marca"/></a></li>
<li><a href=""> <img src="{{skin url=images/catalog/marca8.png}}" alt="Marca"/></a></li>

 

Home collection

Block Title: Home collection
Identifier: home-collection
Satus: Enabled

Content:
<div class="collectionBlock">
<span class="name"><em>Men's</em> Jersey</span>
 <img src="{{skin url="images/catalog/imgCollection.png"}}"/>
<span class="view">View entire collection   ></span>
</div>

<div class="collectionBlock">
<span class="name"><em>Women's</em> Jersey</span>
<img src="{{skin url="images/catalog/imgCollection.png"}}"/>
<span class="view">View entire collection   ></span>
</div>

<div class="collectionBlock">
<span class="name"><em>Women's</em> Jersey</span>
<img src="{{skin url="images/catalog/imgCollection.png"}}"/>
<span class="view">View entire collection   ></span>
</div>

 

Vertical carousel

Block Title: Vertical carousel
Identifier: vertical-carousel
Satus: Enabled

Content:
 <li>
<img src="{{skin url="images/home/vc1.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc2.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc3.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc1.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc2.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc3.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 <li>
<img src="{{skin url="images/home/vc1.jpg"}}"/>
<span class="view"><a href="">Jay Cutler Gear</a></span>
</li>

 

Text home

Block Title: Text home
Identifier: text-home
Satus: Enabled

Content:
<div>Grab the latest collection of cycling wear today.</div>

<a href="" class="link1">View entire collection<span></span></a>
<a href="" class="link2">View entire collection<span></span></a>

 

Background home

Block Title: Background home
Identifier: background-home
Satus: Enabled

Content:
{image : '{{skin url=images/home/bkg_slide1.png}}', title : 'Sportz'},{image : '{{skin url=images/home/bkg_slide.jpg}}', title : 'Sportz'}