Moushe.ru

Блог обо всём

OcStore 1.5.4 Bootstrap template (12 часть)



Сегодня мы с вами поработаем над оформлением товаров.

bootstrap ocstore

Список задач на сегодня:

1. Работаем над CSS

2. Работаем над акциями

3. Работаем над поиском

Приступим:

1. Откроем файл ../catalog/view/theme/bootsmy/stylesheet/stylesheet.css и изменим эти строки (552-564):

.box-product > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #DBDEE1;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

на эти:

.box-product > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin: 0 20px 10px 0;
padding: 10px;
border: 1px solid #DBDEE1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.box-product > div:hover {
border: 1px solid #005580;
}

изменим эти строки (814-838):

.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
.product-grid .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-grid .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}

на эти:

.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin: 0 20px 10px 0;
padding: 10px;
border: 1px solid #DBDEE1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.product-grid > div:hover {
border: 1px solid #005580;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
.product-grid .image img {
padding: 3px;
}
.product-grid .name a {
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}

эти строки (874-887):

.product-grid .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}

на эти:

.product-grid .wishlist a, .product-grid .compare a {
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}

2.1. Откроем файл ../catalog/view/theme/bootsmy/template/product/special.tpl и вместо этой строки (60):

<div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

вставим эти:

<div class="cart">
<button class="btn btn-small btn-success" type="button" onclick="top.location.href=('<?php echo $product['href']; ?>');"/><?php echo $button_info; ?></button>
<button class="btn btn-small btn-primary" id="button-cart" type="button" onclick="addToCart('<?php echo $product['product_id']; ?>');"/><?php echo $button_cart; ?></button>
</div>

2.2. Откроем файл ../catalog/controller/product/special.php и перед этой строкой (84):

$this->data['button_cart'] = $this->language->get('button_cart');

вставим эту:

$this->data['button_info'] = $this->language->get('button_info');

3.1. Откроем файл ../catalog/view/theme/bootsmy/template/product/search.tpl и вместо этих строк (41-48):

</select>
<?php if ($filter_sub_category) { ?>
<input type="checkbox" name="filter_sub_category" value="1" id="sub_category" checked="checked" />
<?php } else { ?>
<input type="checkbox" name="filter_sub_category" value="1" id="sub_category" />
<?php } ?>
<label for="sub_category"><?php echo $text_sub_category; ?></label>
</p>

вставим эти:

</p>
<?php if ($filter_sub_category) { ?>
<input type="checkbox" name="filter_sub_category" value="1" id="sub_category" checked="checked" />
<?php } else { ?>
<input type="checkbox" name="filter_sub_category" value="1" id="sub_category" />
<?php } ?>
<label for="sub_category"><?php echo $text_sub_category; ?></label>

изменим эту строку (199):

$('.display').html('<b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');

на эту:

$('.display').html('<b><?php echo $text_display; ?></b> <img src="catalog/view/theme/bootsmy/image/list_off.png" /> <a onclick="display(\'grid\');"><img src="catalog/view/theme/bootsmy/image/grid_on.png" /></a>');

а эту (236):

$('.display').html('<b><?php echo $text_display; ?></b> <a onclick="display(\'list\');"><?php echo $text_list; ?></a> <b>/</b> <?php echo $text_grid; ?>');

на эту:

$('.display').html('<b><?php echo $text_display; ?></b> <a onclick="display(\'list\');"><img src="catalog/view/theme/bootsmy/image/list_on.png" /></a>  <img src="catalog/view/theme/bootsmy/image/grid_off.png" />');

изменим эту строку (64):

<select onchange="location = this.value;">

на эту:

<select onchange="location = this.value;" input class="input-mini">

удалим эту строку (86):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

изменим эту строку (110):

<div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>

на эти:

<div class="cart">
<button class="btn btn-small btn-success" type="button" onclick="top.location.href=('<?php echo $product['href']; ?>');"/><?php echo $button_info; ?></button>
<button class="btn btn-small btn-primary" id="button-cart" type="button" onclick="addToCart('<?php echo $product['product_id']; ?>');"/><?php echo $button_cart; ?></button>
</div>

3.2. Откроем файл ../catalog/controller/product/search.php и перед этой строкой (155):

$this->data['button_cart'] = $this->language->get('button_cart');

вставим эту:

$this->data['button_info'] = $this->language->get('button_info');

На сегодня всё, до встречи. Улыбка

8 Комментариев

  1. Владислав, добрый день! Что то и не получилось решить проблему с фоном горизонтального меню.
    Раньше оно просто менялось в обычном КССе и всё, сейчас все дороги ведут к стилям бутстрапа. Получается, для изменения фона меню, мне надо вносить изменения в нём и перекомпелировать стили? Я правильно понимаю? Просто, раньше было всё понятно, а тут — ну никак…

  2. Данил

    20.04.2013 at 23:46

    Владислав, подскажите, есть модуль «advanced search» необходимо немного изменить, а именно выбор родительской категории и под ним выбор подкатегории на основании выбранной ранее родительской категории. Подскажите, пожалуйста, заранее спасибо!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      21.04.2013 at 21:05

      Не смогу — нужен программист

  3. Здравствуйте, подскажите, где можно исправить и как, в поиске — чекбоксы не на своем месте http://s2.uploads.ru/05dk9.jpg

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      23.04.2013 at 21:33

      В 12 уроке исправляли. Больше уроков по этому циклу статей не будет.

  4. Даже знаю почему не будет больше уроков по этому циклу 😆 .

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      25.04.2013 at 21:49

      Нет не знаете, шаблон разрабатывался под клиента, работа оплачена и можно сказать окончена, мелкие косяки и выплывшие недоработки исправляются в индивидуальном порядке.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика