Skip to content

P
Panasonic
Commit ca9d9c20 authored by John Punzalan's avatar John Punzalan
Browse files
Options

Update Panasonic homepage

parent a7abd246
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 191 deletions
app/design/frontend/lecanal/oscar/template/page/html/home.phtml
View file @ ca9d9c20
<div class="your-class">
<div>
<div class="col-md-7">
<div class="image-product" id="product-img1"></div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','EH-XC10')?>
<div class="product-ref">EH-XC10</div>
<div class="product-name">Brosse spéciale peaux sensibles</div>
<div class="product-short-detail">Nettoyage en profondeur</div>
<div class="product-description">
Cette brosse permet de nettoyer le visage en profondeur et de le démaquiller sans agresser l’épiderme. Son secret ?
Sa tête chauffante démaquillante, sa brosse soyeuse et son embout silicone qui permettent de faire peau nette en quelques minutes.
La brosse est adaptée à toutes les peaux, même fragiles et sensibilisées.
</div>
<div class="product-more"><p>Prix : 179&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
</div>
<div>
<div class="col-md-7">
<div class="image-product" id="product-img2"></div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','EH-XT20')?>
<div class="product-ref">EH-XT20</div>
<div class="product-name">Stimulateur Fermeté Visage</div>
<div class="product-short-detail">Instant lift 3 en 1</div>
<div class="product-description">
C’est l’allié de choc pour redonner de la fermeté au visage, mais pas seulement, puisqu’il a plus d’un tour dans son sac. Son secret ?
Une tête en titane, qui diffuse un micro-courant non invasif afin de stimuler l’épiderme et d’aider ainsi à lutter contre le relâchement. Il dispose de deux programmes, chaud et froid. Le premier favorise la pénétration des soins,
le second a un effet tenseur.
3 à 8 minutes suffisent
pour offrir un vrai rituel beauté à la peau.
</div>
<div class="product-more"><p>Prix : 270&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
</div>
<div>
<div class="col-md-7">
<div class="image-product" id="product-img3"></div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','EH-SA31')?>
<div class="product-ref">EH-SA31</div>
<div class="product-name">Soin Thermal Visage</div>
<div class="product-short-detail">Hydratation intense</div>
<div class="product-description">
Cet appareil multi-usages diffuse des nano gouttelettes 8000 fois plus petites que la vapeur d’eau classique.
Il hydrate la peau en profondeur. Il suffit de remplir le réservoir d’eau et de laisser la vapeur se diffuser sur le visage.
En 3 à 6 minutes, la peau est hydratée, revitalisée, relaxée.
</div>
<div class="product-more"><p>Prix : 129&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
</div>
<div>
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','EW-DS90')?>
<div class="col-md-7">
<div class="image-product" id="">
<img src="<?= $product->getImageUrl(); ?>" />
</div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<div class="product-ref">EW-DS90</div>
<div class="product-name">Brosse à dent électrique de poche</div>
<div class="product-short-detail">Un brossage rapide et efficace</div>
<div class="product-description">
Discrète et élégante, la brosse à dents Panasonic EW-DS90 vous offre un brossage optimal grâce à ses 16 000 pulsations soniques par minute.
Cette brosse à dents électrique possède une nouvelle tête plus large ainsi qu’une brossette à triple bord, pour un nettoyage toujours plus efficace.
Grâce à son format de poche, elle se glisse dans tous les sacs et peut être utilisée partout, tout le temps !
</div>
<div class="product-more"><p>Prix : 35&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
</div>
<div>
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','EH-SE60')?>
<div class="col-md-7">
<div class="image-product" id="">
<img src="<?= $product->getImageUrl(); ?>" />
</div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<div class="product-ref">EH-SE60</div>
<div class="product-name">Recourbe cils électrique de poche</div>
<div class="product-short-detail">Pour rapidement se refaire une beauté</div>
<div class="product-description">
Brossette chauffante rotative à 360 degrés
La brossette tourne à 360° vers l'avant ou l'arrière pour créer un effet naturel ou des courbes bien définies,
tandis que la chaleur douce fixe la courbure réalisée.
L'indicateur de chaleur passe du violet au rose lorsque la température optimale d'utilisation est atteinte.
</div>
<div class="product-more"><p>Prix : 35&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
</div>
<div>
<?php $product = Mage::getModel('catalog/product')->loadByAttribute('sku','ES-WC20')?>
<div class="col-md-7">
<div class="image-product" id="">
<img src="<?= $product->getImageUrl(); ?>" />
</div>
</div>
<div class="col-md-5">
<div class="product-info-block">
<div class="product-ref">ES-WC20</div>
<div class="product-name">Manucure électrique de poche</div>
<div class="product-short-detail">Des ongles impeccables sans effort</div>
<div class="product-description">
B&eacute;n&eacute;ficiez d'une manucure professionnelle chez vous. Quatre accessoires facilement clipsables pour des ongles magnifiques.
L'accessoire de limage permet de cr&eacute;er la forme que vous souhaitez, gr&acirc;ce &agrave; son angle de 45&deg;.
L'accessoire pour soin des cuticules donne &agrave; vos ongles une apparence plus longue et de belles lignes.
L'accessoire de polissage &agrave; texture grossi&egrave;re fait disparaitre les stries et petits creux de l'ongle.
Enfin, l'accessoire de finition permet d'obtenir une surface lisse et brillante.
</div>
<div class="product-more"><p>Prix : 35&euro; <br /><u>dont 0,05&euro; d'eco-taxe</u></p></div>
<div class="product-cta">
<a href="<?php echo Mage::helper('checkout/cart')->getAddUrl($product); ?>">
<button type="button" title="Add" class="button btn btn-cart btn-custom js-addtocart no-default-bg"><span class="no-default-bg"><span class="no-default-bg">Je commande</span></span></button>
</a>
</div>
</div>
</div>
<div class="container">
<?php $CategoryHome = Mage::getModel('catalog/category')->load(3); ?>
<?php $SubCategoriesHome = $CategoryHome->getChildrenCategories(); ?>
<?php foreach ($SubCategoriesHome as $SubCategory): ?>
<?php if ($SubCategory->getProductCount() > 0): ?>
<?php $products = $SubCategory->getProductCollection()
->setPageSize(3)
->addAttributeToSelect(array('name', 'url_key', 'small_image', 'price'))
; ?>
<div class="category-block">
<div class="row"><div class="col text-center text-uppercase category-name"><?= $SubCategory->getName(); ?></div></div>
<div class="row justify-content-md-center">
<?php foreach ($products as $product):?>
<!-- --><?php //var_dump($product->getProductUrl());die; ?>
<div class="col-md-4 grid-products">
<a href="<?= $product->getProductUrl()?>">
<div class="product-image text-center">
<img
src="<?php echo Mage::helper('catalog/image')->init($product, 'small_image')
->constrainOnly(true)
->keepAspectRatio(true)
->keepFrame(true)
->resize(270, 270); ?>"
alt="<?php echo $this->stripTags($this->getImageLabel($product, 'small_image'), null, true) ?>"/>
</div>
<div class="product-sku text-center"><?= $product->getSku(); ?></div>
<div class="product-name text-center"><?= $product->getName(); ?></div>
<div class="product-price text-center"><?= Mage::helper('core')->currency($product->getPrice(),true,false); ?></div>
</a>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
skin/frontend/lecanal/oscar/css/style.css
View file @ ca9d9c20
......@@ -16082,3 +16082,36 @@ h2.product-name a {
.mce-tinymce .mce-toolbar .mce-container-body {
width: 100% !important;
}
.grid-products {
padding-bottom: 15px;
}
.grid-products .product-image {
padding-bottom: 15px;
}
.grid-products .product-name,
.grid-products .product-sku,
.grid-products .product-short {
font-family: 'Roboto';
}
.grid-products .product-name,
.grid-products .product-sku {
color: #7e7e7e;
}
.grid-products .product-sku,
.grid-products .product-price {
color: #a59481;
}
.category-name {
color: #a59481;
font-size: 15px;
letter-spacing: 0.1em;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
.category-block:first-child {
margin-top: 50px;
}
div.category-block + div.category-block {
padding-top: 50px;
}
skin/frontend/lecanal/oscar/js/javascript.js
View file @ ca9d9c20
jQuery(document).ready(function(){
jQuery('.your-class').slick({
autoplay: true,
autoplaySpeed: 5000,
arrows: false,
fade: true,
swipe: true,
});
jQuery(".product-1-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 1);
});
jQuery(".product-2-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 2);
});
jQuery(".product-3-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 0);
});
jQuery(".product-4-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 3);
});
jQuery(".product-5-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 4);
});
jQuery(".product-6-link").on("click", function() {
jQuery('.your-class').slick('slickGoTo', 5);
});
});
\ No newline at end of file
// jQuery(document).ready(function(){
// jQuery('.your-class').slick({
// autoplay: true,
// autoplaySpeed: 5000,
// arrows: false,
// fade: true,
// swipe: true,
// });
//
// jQuery(".product-1-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 1);
// });
//
// jQuery(".product-2-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 2);
// });
//
// jQuery(".product-3-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 0);
// });
//
// jQuery(".product-4-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 3);
// });
//
// jQuery(".product-5-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 4);
// });
//
// jQuery(".product-6-link").on("click", function() {
// jQuery('.your-class').slick('slickGoTo', 5);
// });
//
// });
\ No newline at end of file
skin/frontend/lecanal/oscar/less/style.less
View file @ ca9d9c20
......@@ -1298,4 +1298,43 @@ h2.product-name {
}
.mce-tinymce .mce-toolbar .mce-container-body {
width: 100% !important;
}
.grid-products {
padding-bottom: 15px;
.product-image {
padding-bottom: 15px;
}
.product-name, .product-sku, .product-short {
font-family: 'Roboto';
}
.product-name, .product-sku {
color: #7e7e7e;
}
.product-sku, .product-price {
color: #a59481;
}
}
.category-name {
color: #a59481;
font-size: 15px;
letter-spacing: 0.1em;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
.category-block {
&:first-child {
margin-top: 50px;
}
}
div.category-block+div.category-block {
padding-top: 50px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment