Moushe.ru

Блог обо всём

OpenCart обрезаем шаблон



По просьбе Александра мы вырежем из стандартного шаблона opencart’а  лишнее:

1. Кнопки – акции, избранное, контакты, карту сайта

2. Меню навигации – главная, войти, кабинет, корзина, оформить

3. Меню поиска

4. Хлебные крошки

5. Выбор валюты и языка

До:                                                      После:

Photo4You2

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

<div class="div3"><a href="<?php echo str_replace('&', '&amp;', $special); ?>" style="background-image: url('catalog/view/theme/default/image/special.png');"><?php echo $text_special; ?></a><a onclick="bookmark(document.location, '<?php echo addslashes($title); ?>');" style="background-image: url('catalog/view/theme/default/image/bookmark.png');"><?php echo $text_bookmark; ?></a><a href="<?php echo str_replace('&', '&amp;', $contact); ?>" style="background-image: url('catalog/view/theme/default/image/contact.png');"><?php echo $text_contact; ?></a><a href="<?php echo str_replace('&', '&amp;', $sitemap); ?>" style="background-image: url('catalog/view/theme/default/image/sitemap.png');"><?php echo $text_sitemap; ?></a></div>

2. Удалим это:

<div class="div4"><a href="<?php echo str_replace('&', '&amp;', $home); ?>" id="tab_home"><?php echo $text_home; ?></a>
<?php if (!$logged) { ?>
<a href="<?php echo str_replace('&', '&amp;', $login); ?>" id="tab_login"><?php echo $text_login; ?></a>
<?php } else { ?>
<a href="<?php echo str_replace('&', '&amp;', $logout); ?>" id="tab_logout"><?php echo $text_logout; ?></a>
<?php } ?>
<a href="<?php echo str_replace('&', '&amp;', $account); ?>" id="tab_account"><?php echo $text_account; ?></a><a href="<?php echo str_replace('&', '&amp;', $cart); ?>" id="tab_cart"><?php echo $text_cart; ?></a><a href="<?php echo str_replace('&', '&amp;', $checkout); ?>" id="tab_checkout"><?php echo $text_checkout; ?></a></div>

3. Удалим это:

<div id="search">
<div class="div8"><?php echo $entry_search; ?>&nbsp;</div>
<div class="div9">
<?php if ($keyword) { ?>
<input type="text" value="<?php echo $keyword; ?>" id="filter_keyword" />
<?php } else { ?>
<input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />
<?php } ?>
<select id="filter_category_id">
<option value="0"><?php echo $text_category; ?></option>
<?php foreach ($categories as $category) { ?>
<?php if ($category['category_id'] == $category_id) { ?>
<option value="<?php echo $category['category_id']; ?>" selected="selected"><?php echo $category['name']; ?></option>
<?php } else { ?>
<option value="<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?></option>
<?php } ?>
<?php } ?>
</select>
</div>
<div class="div10">&nbsp;&nbsp;<a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></a> <a href="<?php echo str_replace('&', '&amp;', $advanced); ?>"><?php echo $text_advanced; ?></a></div>
</div>

4. и 5. Удалим это:

<?php if (isset($common_error)) { ?>
<div class="warning"><?php echo $common_error; ?></div>
<?php } ?>
<div id="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo str_replace('&', '&amp;', $breadcrumb['href']); ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<div class="div7">
<?php if ($currencies) { ?>
<form action="<?php echo str_replace('&', '&amp;', $action); ?>" method="post" enctype="multipart/form-data" id="currency_form">
<div class="switcher">
<?php foreach ($currencies as $currency) { ?>
<?php if ($currency['code'] == $currency_code) { ?>
<div class="selected"><a><?php echo $currency['title']; ?></a></div>
<?php } ?>
<?php } ?>
<div class="option">
<?php foreach ($currencies as $currency) { ?>
<a onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>'); $('#currency_form').submit();"><?php echo $currency['title']; ?></a>
<?php } ?>
</div>
</div>
<div style="display: inline;">
<input type="hidden" name="currency_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</div>
</form>
<?php } ?>
<?php if ($languages) { ?>
<form action="<?php echo str_replace('&', '&amp;', $action); ?>" method="post" enctype="multipart/form-data" id="language_form">
<div class="switcher">
<?php foreach ($languages as $language) { ?>
<?php if ($language['code'] == $language_code) { ?>
<div class="selected"><a><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />&nbsp;&nbsp;<?php echo $language['name']; ?></a></div>
<?php } ?>
<?php } ?>
<div class="option">
<?php foreach ($languages as $language) { ?>
<a onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>'); $('#language_form').submit();"><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />&nbsp;&nbsp;<?php echo $language['name']; ?></a>
<?php } ?>
</div>
</div>
<div>
<input type="hidden" name="language_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</div>
</form>
<?php } ?>
</div>

Смотрим на сайт:

1

Если хотите убрать фон меню удалим ещё и это:

<div class="div5">
<div class="left"></div>
<div class="right"></div>
<div class="center">

</div>
</div>

и

<div class="left"></div>
<div class="right"></div>
<div class="center">

</div>

Если всё сделано верно то вы увидите такой результат:

2

Теперь можно добавлять свои модули, графику и т.д. и переделать эту пустышку в эксклюзивный шаблон. Улыбка

31 Комментарий

  1. kvartnikstroy

    06.11.2011 at 18:44

    Доброго времени суток Владислав!
    Спасибо за уроки!
    А не могли бы Вы подсказать, как сделать, что страница описания товара (ну там где фото, описание, отзывы, рекомендуемые) была растягивающаяся по высоте вниз и можно было вставлять большое описание или статью, а то сейчас большой текст обрезается!
    И возможно ли, на Ваш взгляд, сделать так, чтобы при нажатии на кнопку ( там же на странице описания товара) =добавить в корзину= начиналась скачка файла (статьи)?
    Ну то есть кнопку оставить, заменив только надпись и ссылку.
    А модуль корзины совсем отключить.
    Спасибо!

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

    06.11.2011 at 20:18

    1 — Править stylesheet.css (растягивание вниз).
    2 — Править php (для написания большего текста — стоит ограничение символов, для ускоренной индексации поисковиками).
    3 — Правим эту строку: < *a onclick="$('#product').submit();" id="add_to_cart" class="button" rel="nofollow">< ?php echo $button_add_to_cart; ?>
    в файле product.tpl (..defaultcatalogviewtheme*ваш шаблон*templateproduct)
    4 — Правим название ссылки в этом файле product.php (..defaultcataloglanguagerussianproduct)

  3. kvartnikstroy

    06.11.2011 at 21:31

    Спасибо за ответ!
    Правда реализовать будет проблематично, особенно пункт 2.
    Для коммерческого магазина это конечно не нужно, но для бесплатного сайта на базе opencart, допустим посвященному какой нибудь тематики (к примеру Трудовое законодательство с возможностью скачивать нормативные документы, статьи, комментарии) пригодилось бы!
    Ну не заморачиваться же еще допустим с Joomla или WordPress?

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

    06.11.2011 at 23:50

    Joomla самому не нравится, а вот WordPress меня во всём устраивает. 🙂 Работать с ним одно удовольствие — и сайты наполняются легко и быстро, куча модулей и огромное количество шаблонов. И вашу цель реализовать на нём гораздо проще чем на OpenCart’e. 🙂

  5. Александр

    07.11.2011 at 08:31

    Спасибо. А как убрать плюсик (добавить в корзину) рядом с ценой товара?

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

      07.11.2011 at 10:29

      Удалите эту строку из всех модулей в которых есть кнопка в корзину:

      < *a class="button_add_small" href="" title="< ?php echo $button_add_to_cart; ?>" > < */a>

      PS — *(звёздочку вставил сюда чтобы сайт отобразил код полностью, в вашем шаблоне интернет магазина её не должно быть вообще)

      (latest_home.tpl и featured_home.tpl и тд.)

  6. Александр

    07.11.2011 at 17:38

    Спасибо Владислав, все получилось, кроме правки модулей надо еще править файлы в папке product в той же директории где лежит папка module

    • kvartnikstroy

      07.11.2011 at 20:22

      Владислав доброго времени суток! А есть ли возможность у wordpress делать шаблон сайта на всю ширину (резиновый) и устанавливать его на локалхост и не могли бы Вы посоветовать видеокурс по по этой платформе!

    • kvartnikstroy

      07.11.2011 at 20:57

      Уж очень мне не нравятся сайты на полстраницы по ширине!

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

      07.11.2011 at 22:23

      Ну как бы сказать, уроки не особо то и нужны — я могу вам ответить на вопросы по WordPress, это очень простой и удобный движок, могу запостить урок по необходимым на мой взгляд модулям и тд.
      А шаблонов много и любой из них не сложно сделать шириной на весь экран.

    • kvartnikstroy

      07.11.2011 at 23:18

      Спасибо! Скачал курс Попова. Посмотрю на досуге!

  7. Оксана

    11.11.2011 at 13:41

    Уважаемый Владислав, очень нужна Ваша помощь.
    Напишите, пожалуйста, как можно максимально упростить оформление заказов. Без регистрации, без всех этих полей и в одну страницу. Строго говоря, от клиента нужен только адрес телефон и имя. Для остального — поле для его комментариев. В идеале, доставка меньше определённой суммы должна быть платной, выше — бесплатной и была бы возможность регулировать количество товара в корзине плюсом и минусом по бокам соответствующего поля (включая 0 товаров, если клиент передумал заказывать — имхо, «убр.» и «применить» — не удобно и не всем понятно). Мне даже не нужно, чтобы эти заказы потом в админке были видны — можно просто высылать их на почту сайта. Очень прошу Вашей помощи! Только Вы умеете так доступно и терпеливо всё разъяснить)

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

      11.11.2011 at 13:51

      У меня на этой неделе только один выходной — сегодня, заберу товар у поставщика — Виктор привет 😉 и если успею за оставшееся время написать статью то обязательно напишу. 🙂

    • Оксана

      11.11.2011 at 14:18

      Спасибо огромное!)

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

      11.11.2011 at 23:41

      Сегодня уже не смогу сделать 🙁 — но есть ссылка:
      http://opencartforum.ru/topic/2248-как-упростить-форму-заказа/
      в выходные (на следующей неделе) постараюсь выделить время для написания новости на эту тему. 🙂

  8. Добрый вечер пытался сегодня убрать [+]» добавить в корзину»
    но у меня ничего не получилось:
    Вы написали что для этого необходимо удалить строку
    < *a class="button_add_small" href="" title="" >
    но она у меня выглядит немного иначе:
    < a class="button_add_small" href="" title="" >
    *(звёздочку) ставлю специально иначе движок сайта — в форме комментирования не отобразит эту ссылку

  9. kvartnikstroy.ru

    16.11.2011 at 11:55

    Доброго времени суток Владислав!
    Благодарю за подсказку ( WordPress).
    Действительно неплохой движок и уж точно лучше Joomla !
    В OpenCart упрощение регистрации действительно важный вопрос, а на форуме полно на эту тему всякой лабуды, притом непроверенной и часто криворукой! Было бы здорово, если бы Вы смогли прояснить этот вопрос на своем блоге.

    В будущих уроках по opencart можно бы еще и футером заняться и сделать его чем то по типу как у WordPress ( там есть суперские футера).
    Ну и над текстовкой хедера поработать в плане красивого оформления текста!

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

      16.11.2011 at 21:14

      Урок (про регистрацию и оформление заказа) обязательно сделаю, можно и по футеру позаморачиваться, а что бы вы хотели в нём видеть ? 🙂

  10. kvartnikstroy.ru

    17.11.2011 at 15:36

    Пусть футер имеет четкие границы, законченную форму, выделяется цветом, возможно фон рисунок, ну и например какой-нибудь функционал : вход в админ панель например: -)))
    Владислав ссори! Один вопрос по wordpress.
    Вот шаблон fenster : http://wordpress-ru.ru/themes/obshhie/3409.html/
    Как расширить шаблон (правый и левый сайдбары), чтобы календарь не вылезал за рамки ну и чтобы пропорции не нарушились?
    Спасибо!

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

      17.11.2011 at 20:09

      По OpenCart’у сделаю так, а по WordPress’у — открываете style.css и ищите код блоков —
      < *div class="alignleft">
      < *div class="alignright">

      Хотя шаблончик корявенький, вот здесь хороший шаблон можно найти — http://www.wpbot.ru/

    • kvartnikstroy

      17.11.2011 at 21:37

      ОК! Спасибо разберусь. С wpbot.ru если скачать, Gudwin обидется, если ссылки поубирать:-))

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

      17.11.2011 at 22:15

      А так я предпочитаю стандартные вордпрессовские шаблы — чуть-чуть допилил стили и тд. и вуаля — офигенный шаблон готов. 🙂

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

    19.11.2011 at 19:54

    24 ноября будет выложен урок по укорачиванию регистрации личного кабинета, следите за новостями. 🙂

  12. Артем

    02.12.2011 at 09:30

    Подскажите как изменить кол-во столбцов? т.е вот у вас по 4 товара в строке а как сделать чтоб было 3 ? )) Спасибо

  13. Алексей

    25.01.2012 at 13:17

    Влад вы писали как удалить Хлебные крошки ..
    У меня вопрос как их перкрасить в нужный мне цвет.
    В файле stylesheet я сделал такие изменения..

    #breadcrumb {
    float: left;
    padding-top: 7px;
    padding-bottom: 11px;
    height: 13px;
    margin-bottom: 10px;
    color: #FFFFFF;
    }
    .breadcrumb {
    margin:0px 0 10px 10px;
    position:relative;
    }
    .breadcrumb a {
    color:green;
    text-decoration:none;
    font-size:20px;
    }
    .breadcrumb a:hover {
    text-decoration:underline;
    }

    Но реально изменился цвет только разделителя между словами..
    Как видно на сайте разделитель белый а ссылки коричневые…

    И ещё один вопросик в каком блоке увеличиваеться шрифт в блоке категория…

    Заранее благодарен…..

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

      25.01.2012 at 21:17

      1. Задайте классы через решётку а не через точку, и обновите страницу, то есть не
      .breadcrumb a:hover {
      text-decoration:underline;
      }

      а
      #breadcrumb a:hover {
      text-decoration:underline;
      }

      2. Вот здесь:

      #category ul {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 8px;
      padding-left: 12px;
      list-style: url('../image/bullet_1.png');
      }

      просто задайте font-size

    • Алексей

      26.01.2012 at 12:57

      Непомогает

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

      26.01.2012 at 21:15

      Пришлите шаблон на почту hruhru.87@mail.ru

  14. Вадим

    03.12.2012 at 08:04

    Здравствуйте! Подскажите, пожалуйста, немного не по теме: как упростить регистрацию? Версия Opencart 1.5.3, не пойму где проходит валидация заполненных форм и чекбоксов! Уже глаз дергается от этих tpl… 🙂

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

      03.12.2012 at 21:15

      В контроллере — php, tpl это просто внешний вид.

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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