Перейти к содержанию
malaichuk

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

Рекомендуемые сообщения

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

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

c07829025ad1ad7f9c0a3fde9775b491.jpg

Есть:

26553f3f1e24d94fd769e9062d146545.jpg

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

<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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сайт вот : 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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.