Всем привет, как вы уже знаете, недавно вышла новая версия CMS OcStore 2.3.0.2.3 (OpenCart 2.3), я уже установил её к себе на локальный сервер и пишу первую статью именно под эту сборку. В этой статье мы с вами удалим закладки со всех страниц нашего магазина, так-как они нужны не всем, а если в вашем магазине включен только гостевой заказ то закладки и вовсе бесполезны – только зря занимают место и отвлекают взгляд покупателя.

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

1. Удалим закладки из шапки магазина

2. Удалим закладки из каталога категорий, товаров производителя, результатов поиска, акций

3. Удалим закладки из карточки товара (+ изменим внешний вид карточки товара)

4. Удалим закладки из модулей (рекомендуемые, хиты продаж и т.д.)

5. Удалим закладки из личного кабинета

6. Правим стили CSS

Приступим:

1. Откроем файл ../catalog/view/theme/default/template/common/header.tpl и удалим из него эту строку (71):

<li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>

(P.S.Не оставляйте пустых строк!)

2. Откроем файл ../catalog/view/theme/default/template/product/category.tpl и удалим эту строку (132):

<button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>

а вместо этой строки (132):

<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>

вставим эту:

<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_compare; ?></span></button>

а вместо этой (131):

<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>

вставим эту:

<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>

Проделаем тоже самое в этих файлах:

  • ../catalog/view/theme/default/template/product/manufacturer_info.tpl
  • ../catalog/view/theme/default/template/product/search.tpl
  • ../catalog/view/theme/default/template/product/special.tpl

номера строк не указываю – пользуйтесь поиском встроенным в Notepad++ (+ файлы небольшие, глазами легко увидеть строки)

3. Откроем файл ../catalog/view/theme/default/template/product/product.tpl и удалим эти строки (122-125):

<div class="btn-group">
<button type="button" data-toggle="tooltip" class="btn btn-default" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product_id; ?>');"><i class="fa fa-heart"></i></button>
<button type="button" data-toggle="tooltip" class="btn btn-default" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product_id; ?>');"><i class="fa fa-exchange"></i></button>
</div>

(P.S.Мы вырезали кнопки закладок и сравнений)

удаляем эту строку (122):

<h1><?php echo $heading_title; ?></h1>

а вместо этой строки (16):

<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>

вставим эту:

<div id="content" class="<?php echo $class; ?>"><h1><?php echo $heading_title; ?></h1><?php echo $content_top; ?>

(P.S.Мы переместили заголовок товара из правой колонки в верхнюю часть сайта)

вместо этих строк (286-292):

<div class="form-group">
<label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
<input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<br />
<button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary btn-lg btn-block"><?php echo $button_cart; ?></button>
</div>

вставим эти:

<div class="form-group form-inline">
<input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
<button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button type="button" class="btn btn-default" onclick="compare.add('<?php echo $product_id; ?>');"><i class="fa fa-exchange"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_compare; ?></span></button>
</div>

Удалим кнопки социальных сетей (307-311):

<hr>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style" data-url="<?php echo $share; ?>"><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_pinterest_pinit"></a> <a class="addthis_counter addthis_pill_style"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-515eeaf54693130e"></script>
<!-- AddThis Button END –>

изменим эти строки (354-356):

<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>

на эти:

<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_compare; ?></span></button>

4. Откроем файлы:

  • ../catalog/view/theme/default/template/extension/module/bestseller.tpl
  • ../catalog/view/theme/default/template/extension/module/featured.tpl
  • ../catalog/view/theme/default/template/extension/module/latest.tpl
  • ../catalog/view/theme/default/template/extension/module/special.tpl

и вместо этих строк (35-37):

<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>

вставим эти:

<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_compare; ?></span></button>

4.1. Откроем файл: ../catalog/view/theme/default/template/extension/module/account.tpl и вместо этой строки (9):

<a href="<?php echo $address; ?>" class="list-group-item"><?php echo $text_address; ?></a> <a href="<?php echo $wishlist; ?>" class="list-group-item"><?php echo $text_wishlist; ?></a> <a href="<?php echo $order; ?>" class="list-group-item"><?php echo $text_order; ?></a> <a href="<?php echo $download; ?>" class="list-group-item"><?php echo $text_download; ?></a><a href="<?php echo $recurring; ?>" class="list-group-item"><?php echo $text_recurring; ?></a> <a href="<?php echo $reward; ?>" class="list-group-item"><?php echo $text_reward; ?></a> <a href="<?php echo $return; ?>" class="list-group-item"><?php echo $text_return; ?></a> <a href="<?php echo $transaction; ?>" class="list-group-item"><?php echo $text_transaction; ?></a> <a href="<?php echo $newsletter; ?>" class="list-group-item"><?php echo $text_newsletter; ?></a>

вставим эти:

<a href="<?php echo $address; ?>" class="list-group-item"><?php echo $text_address; ?></a>
<a href="<?php echo $order; ?>" class="list-group-item"><?php echo $text_order; ?></a>
<a href="<?php echo $download; ?>" class="list-group-item"><?php echo $text_download; ?></a>
<a href="<?php echo $recurring; ?>" class="list-group-item"><?php echo $text_recurring; ?></a>
<a href="<?php echo $reward; ?>" class="list-group-item"><?php echo $text_reward; ?></a>
<a href="<?php echo $return; ?>" class="list-group-item"><?php echo $text_return; ?></a>
<a href="<?php echo $transaction; ?>" class="list-group-item"><?php echo $text_transaction; ?></a>
<a href="<?php echo $newsletter; ?>" class="list-group-item"><?php echo $text_newsletter; ?></a>

5. Откроем файл ../catalog/view/theme/default/template/account/account.tpl и удалим эту строку (25):

<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>

6. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и вместо этих строк (626-641):

.product-thumb .button-group button {
width: 60%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}

вставим эти:

.product-thumb .button-group button {
width: 50%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button + button {
border-left: 1px solid #ddd;
}

***

При желании кнопки можно сделать посимпатичнее, например:

.product-thumb .button-group button {
width: 50%;
border: none;
display: inline-block;
float: left;
background-color: #2196F3;
color: #fff;
line-height: 38px;
text-align: center;
font-size: 14px;
}
.product-thumb .button-group button + button {
border-left: 1px solid #ddd;
}

удалим эти строки (647-656):

@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}

На этом всё, следите за новостями и до новых встреч.