Модуль "Новинки" - Сверстайте за меня! )) [РЕШЕНО]

[malaichuk]

Здравствуйте пользователи !

Хочу спросить как сделать так как на картинке:

Есть:

Вот сам код модуля :

<div class="box">

<div class="box-heading2"><?php echo $heading_title; ?>:</div>

<div style="border-top-style: solid; border-color:#ececec; border-width: 1px; margin-left:70px; margin-right:40px">

</div> <div class="box-content2">

<div class="box-product" style="padding-left:25px; padding-top:10px">

<?php foreach ($products as $product) { ?>

<div style="margin-left:10px; margin:5px" class="product_hover">

<?php if ($product['thumb']) { ?>

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

<?php } ?> <?php if ($product['rating']) { ?>

<div class="rating" align="left" style="margin-left:10px"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>

<?php } ?>

<div class="name" align="left" style="margin-left:10px; color:#333"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>

<?php if ($product['price']) { ?>

<div class="price" style="float:left; margin-top:2px; margin-left:10px; margin-bottom:10px">

<?php if (!$product['special']) { ?>

<?php echo $product['price']; ?>

<?php } else { ?>

<span class="price-old" align="left; style=" margin-top:2px; margin-left:20px">

<?php echo $product['price']; ?></span>

<span class="price-new"><?php echo $product['special']; ?></span>

<?php } ?> </div>

<?php } ?>

<div class="cart" style="float:right; padding-right:14px; margin-bottom:10px"><input type="button" class="button" onclick="addToCart('<?php echo $product['product_id']; ?>');" style="background-image:url(/catalog/view/theme/calm/image/button_cart.png); height:23px; width:85px" /></div>

</div>

<?php } ?> </div> </div></div>

[m899]

а что за сайты? зачем тут код модуля

[Mansory]

а что за сайты? зачем тут код модуля

Он имеет в виду как установить)

[malaichuk]

а что за сайты? зачем тут код модуля

Это не сайты! Первый рисунок , нарисован в фотошопе , а второй модуль "последние товары" в opencart, мне нужно что бы модуль отображал также как и на первом рисунку !(Код дал для наглядности )

[m899]

Это не сайты! Первый рисунок , нарисован в фотошопе , а второй модуль "последние товары" в opencart, мне нужно что бы модуль отображал также как и на первом рисунку !(Код дал для наглядности )

нужен рабочий сайт с этим модулем и psd макет цены, если хотите что бы вам помогли.

[malaichuk]

Сайт вот : http://en-smart.ru/

Макет вот : http://rghost.ru/43773649

[m899]

Сайт вот : http://en-smart.ru/

Макет вот : http://rghost.ru/43773649

лучше из кода блока все вывести в css файл

.box-product .cart {
display: inline-block;
position: relative;
top: -5px;
margin-left: -17px;
margin-bottom: 10px;
marmargin-top: 10px;
}


.box-product .price {
display: inline-block;
font-size: 14px;
color: #676767;
height: 21px;
line-height: 21px;
border: 1px solid #ACACAC;
width: 85px;
border-radius: 4px;

background-color: #ECECEC;
background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#ECECEC 100%);
background-image: -moz-linear-gradient(top,#FFFFFF 0%,#ECECEC 100%);
background-image: -o-linear-gradient(top,#FFFFFF 0%,#ECECEC 100%);
background-image: -ms-linear-gradient(top,#FFFFFF 0%,#ECECEC 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF ', endColorstr='#ECECEC',GradientType=0);
}

в итоге http://awesomescreenshot.com/03cxb61dc

[malaichuk]

Спасибо тебе !!!!!!