Moushe.ru

Блог обо всём

OcStore 1.5.4.1.2 несколько улучшений (1 часть)



Сегодня я скачал последнюю версию CMS OcStore 1.5.4.1.2 и решил написать первую статью для этой версии CMS.

OcStore-1.5.4.1.2

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

1. Сделаем заголовок корзины ссылкой

2.1. Удалим из футера лишние ссылки

2.2. Добавим в футер адрес магазина

2.3. Добавим в футер способы оплаты

3. Удалим ненужные тени

4. Уменьшим размер поиска

Приступим:

1. Откроем файл ../catalog/language/russian/module/cart.php и вместо этой строки (3):

$_['heading_title'] = 'Корзина покупок';

вставим эту:

$_['heading_title'] = '<a href="index.php?route=checkout/cart">Корзина</a>';

2.1. Откроем файл ../catalog/view/theme/default/template/common/footer.tpl и вместо этих строк (3-37):

<div class="column">
<h3><?php echo $text_information; ?></h3>
<ul>
<?php foreach ($informations as $information) { ?>
<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
<?php } ?>
</ul>
</div>
<?php } ?>
<div class="column">
<h3><?php echo $text_service; ?></h3>
<ul>
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
</ul>
</div>
<div class="column">
<h3><?php echo $text_extra; ?></h3>
<ul>
<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>
<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>
<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
</ul>
</div>
<div class="column">
<h3><?php echo $text_account; ?></h3>
<ul>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
</ul>
</div>

вставим эти:

<div class="column">
<h3><?php echo $text_information; ?></h3>
<ul>
<?php foreach ($informations as $information) { ?>
<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
<?php } ?>
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
</ul>
</div>
<?php } ?>
<div class="column">
<h3><?php echo $text_extra; ?></h3>
<ul>
<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>
<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>
<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
</ul>
</div>
<div class="column">
<h3><?php echo $text_account; ?></h3>
<ul>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
</ul>
</div>

2.2. После этих строк (23-32):

<div class="column">
<h3><?php echo $text_account; ?></h3>
<ul>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
</ul>
</div>

вставим эти:

<div class="column">
<h3>Адрес магазина</h3>
Город Москва <br />
м. Савёловская <br />
ТК Савёловский <br />
Павильон <b>П-126</b>
</div>

(Если на сайте вместо русских символов будет отображаться непонятно что, измените кодировку файла на utf-8 без Bom)

2.3. Найдём в интернете симпатичные иконки способов оплаты, к примеру эти (http://www.webasyst.ru/support/help/payment-shipping-icons.html):

cash_rurmastercardpaypalqiwirbkmoneysberbank-2visavtb24webmoney

и закинем их в эту папку ../catalog/view/theme/default/image.

Откроем файл ../catalog/view/theme/default/template/common/footer.tpl и после этих строк (33-39):

<div class="column">
<h3>Адрес магазина</h3>
Город Москва <br />
м. Савёловская <br />
ТК Савёловский <br />
Павильон <b>П-126</b>
</div>

вставим эти:

<div class="column">
<h3>Способы оплаты</h3>
<img src="catalog/view/theme/default/image/sberbank-2.gif">
<img src="catalog/view/theme/default/image/rbkmoney.gif">
<img src="catalog/view/theme/default/image/vtb24.gif">
<img src="catalog/view/theme/default/image/mastercard.gif">
<img src="catalog/view/theme/default/image/visa.gif">
<img src="catalog/view/theme/default/image/cash_rur.gif">
<img src="catalog/view/theme/default/image/paypal.gif">
<img src="catalog/view/theme/default/image/qiwi.gif">
<img src="catalog/view/theme/default/image/webmoney.gif">
</div>

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

#footer .column {
float: left;
width: 25%;
min-height: 100px;
}

вставим эти:

#footer .column {
float: left;
width: 20%;
min-height: 100px;
}

3. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и удалим эти строки:

23:

text-shadow: 0 0 1px rgba(0, 0, 0, .01);

186-188:

-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;

282-284:

-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 2px 0px #F0F0F0;

321-323:

-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;

568-570:

-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;

4. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и изменим эти строки (256-282):

#header #search {
position: absolute;
top: 15px;
right: 0px;
width: 298px;
z-index: 15;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#header #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 262px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

на эти:

#header #search {
position: absolute;
top: 15px;
right: 0px;
width: 208px;
z-index: 15;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#header #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 172px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

На сегодня всё, следите за новостями.

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

  1. Владислав

    01.08.2013 at 09:59

    Спасибо! Будем ждать следующий урок! 🙂

  2. Вячеслав

    05.08.2013 at 11:55

    Огромнейшее спасибо,

  3. Денис

    28.08.2013 at 17:20

    Странно, но на моём сайте ничего не меняется. Может из-за того что у меня название шаблона другое, а таблица стилей привязана именно к default шаблону?

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

      28.08.2013 at 18:12

      Наверное

  4. Александр

    14.11.2013 at 14:54

    Подскажите
    Как убрать «ВОЙТИ ИЛИ ЗАРЕГИСТРИРОВАТЬСЯ»

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

      15.11.2013 at 21:55

      header.tpl — удалите div id=welcome вместе с содержимым.

  5. Александр

    20.01.2014 at 13:39

    Золотой Вы человек! Спасибо большое!!!

  6. Елена

    10.09.2014 at 20:29

    Владислав добрый день.
    Перенесли сайт на денвер,перестали работать кнопки «купить»,»сравнение»,»закладки». Версия окстор 1.5.4.1.2

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

      12.09.2014 at 22:28

      В админке в логах есть ошибки? Пишите в контакт — проще будет общаться в режиме реального времени.

  7. Руслан

    10.02.2015 at 10:31

    Здравствуйте! А можно сдвинуть немного вправо заголовки адреса магазинов и способы оплаты?

  8. Руслан

    10.02.2015 at 17:38

    Можете рассказать каким образом? Спасибо!

  9. Руслан

    10.02.2015 at 23:12

    Я извиняюсь, но у меня не получается а вернее нет глубоких знаний по этому поводу. В каком файле и как выглядеть должна эта строка?

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

      11.02.2015 at 00:49

      stylesheet.css почти самый низ файла, #footer h3

  10. Руслан

    11.02.2015 at 23:08

    Владислав, ничего не вышло или я не то делаю не знаю. Вы бы не могли если есть время тут выложить как все должно быть?! Вы конечно подсказками все говорите, но я ведь не программист и не знаю что за что отвечает. Я добавил padding-right и margin-right, потом перепробовал всякие PX размеры после них менять, но увы(

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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