Creazione contenuto home page & menu



Creati questi files, il tema puo’ essere attivato:

  • Creando sub category della cartella default category.
    Questo consentira’ la creazione del menu.
  • Creando un block che verra’ inserito nella home page.
    Tale blocco conterra’:
    • Codice html, che si desidera
    • Immagine, inserita attraverso editor
    • Widget, ad esempio Product list

Tutto come in precedenza descritto.

Esempio home page con Bootstrap

<div class="container ">
<div class="row " style="background-image:url('../images/bck.jpg');
background-size: 100% 500px;
background-repeat: no-repeat;
z-index: 3;
min-height:380px;
height:auto;
padding: 10%;
">
<div class="col-md-6" ></div>

<div class="col-md-6 col-md-offset-6 col-xs-offset-4" style="background-color:white;padding-left:20%;padding-right: 20%;padding-top: 25px; z-index: 4;height: 20
0px;width:50%;min-width: 220px;">
<h3>Nuovi Prodotti</h3>
<a href="{{store url=" "}}technology.html">
<button class="btn btn-default btn-lg">Compera</button>
</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6"> <h3>Recensione</h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa molestiae illum commodi ipsa, inventore consequatur? Natus minus minima totam expedita. </div>
<div class="col-md-6"><h3>Critica</h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa molestiae illum commodi ipsa, inventore consequatur? Natus minus minima totam expedita. </div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-4">
<div class="content-heading">
<h2 >Nuovi prodotti</h2>
<h4 >Ecco la lista!!</h4>
</div>
</div>
</div></div>


Ecco l'immagine di testata che appare relativa al codice

Magento

Successivamente per completare la home page, si potrà ad esempio inserire un widget:
CMS New Product List: nuovi prodotti