Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

Как изменить шаблон - мануал для чайника

Очень часто проскакивают вопросы о том, что необходимо изменить ту или иную часть шаблона.
На самом деле все это очень просто. И не нужно лениться! Есть же мозг, руки и гугл!? ;D

Тема создана для помощи в ПОНИМАНИИ как и что работает, а не "Подкажите, как изменить подвал сайта"!!!

Приступим.

Первым делом необходим браузер FireFox. Если у вас его нет - ставим. Потому как на других браузера может не быть таких плагинов, расширений и т.д...
Для этого браузера необходимо установить дополнение FireBug - качать тут https://addons.mozilla.org/ru/firefox/addon/1843/ (нажимаем  "Добавить в Firefox")
После открытия браузера можно найти FireBug тут


После установки необходимо открыть в браузере FireFox сайт с тем шаблоном который хотим изменить.
У меня шопос установлен на локальном сервере(Open Server)

Итак. Переделывать будем шаблон default-red

Открываем браузер и в нем сайт где установлен шаблон default-red
После открытия нажимаем на иконку FireBug'a которая показана выше на картинке.
После этого должно появиться такое окошко в FireFox


Давайте теперь переделаем цвет шапки в друго.
Чтобы быстро найти тот или иной кусок кода шаблона в меню FireBar нужно нажать на эту кнопку
далее выбрать область в шаблоне и нажать на нее


Теперь открываем нашу картинку fon2.gif в любом редакторе. Я использовал для это цели фотошоп.
После открытия мы видим, что картинка узкая и не удобно будет её переделывать.
1 - смотрим на её размеры, а это у нас - 1px в ширину и 94px в высоту.
2 - создаем изображение шириной 500px и высотой 94px
3 - заливаем изображение любым цветом
4 - применяем(правой кнопкой на слое с созданной картинкой и выбрать Параметры наложения) простой эффект градиента и подбираем нужный нам цвет

5 - берем инструмент Рамка и вырезаем область шириной в 1px и полной высотой. мы же создали картинку нужной нам высоты в 94px.
6 - далее в меню Файл > Сохранить для Web и Устройств... и сохраняем с подходящими параметрами. Я сохранил картинку с названием fon6.gif и стакими параметрами


7 - После этого берем нашу картинку и кладем ее в папку где расположены все картинки - themes/default-red/img/img/
8 - открываем файл themes/default-red/style.css и ищем наш класс htba который мы определили через FireBug


После этих манипуляций мы изменим фон. Но увидим, что с правой стороны под телефонами остается фон красным.
Для этого проделываем те же операции, что и с основным блоком, за исключением пунктов создания картинки.
1 - определяем через FireBug область
2 - смотрим какой стиль класс отвечает за необходимую область
3 - находим его в CSS файле и заменяем fon2.gif на fon6.gif

Итогом будет такой результат



Конечно это вариант для людей которые совсем не понимают в HTML, CSS.
FireBug имеет намного больше возможностей и не предназначен именно для этого.

Есть более простой вариант
1 - нажать в браузере CTRL+U
2 - найти нужный стиль который там применяется
3 - посмотреть в CSS файле что там указано и изменить как надо.

Еще как вариант можно сделать так в гугл хроме.
1 - навести мышку на указанную область шаблона
2 - правой кнопкой мышки и в появившемся меню нажать "Просмотр кода элемента". И там уже будет и стили и html код который нужен.

Все это с легкостью можно найти в гугле. причем более подробно.

Тема создана для помощи в ПОНИМАНИИ как и что работает, а не "Подкажите, как изменить подвал сайта"!!!

PS. Если у вас не получается сделать какие-то изменения в шаблоне оформления после нескольких часов головомойки, испробовав все доступные для вас варианты, то смело пишем об этом в этой теме!

а как поменять названия? например новинки на каталог

Править lang.conf

Спасибо :)

текст в шапке написать нельзя? Только картинкой вставлять?

Можно и текст вставлять.
Что вам конкретно нужно в шапке?

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

У вас шаблон shopos-red?

Default и Default-red - благодаря постам выше поняла, что шапка находится в htba, понала как вставлять картинки, только не получается просто название (без картинки) сразу на русском написать. Если писать русскими буквами - текст вставляется квадратиками. Не совпадает кодировка какая-то.
А еще есть Grin, Shopos-choco,  Shopos-vamcart
Вот пытаюсь в Grin вычислить где это. Версия магазина ShopOS 2.5.4 Free
А поменять цветовую гамму  сайта полностью тоже,наверное, долго объяснять?
Да, и кстати, почему -то во всех шаблонах выше перечисленных получается изменять названия блоков  вфайле в файле langs\ru\lang.conf , а в грине одном не меняется.

По смене цветовой гаммы... Рассказывать смысла нету, ибо быстрее переделать, чем писать громадную статью по этому поводу.
Это вам нужно найди человека который сможет реализовать, что надо.

На счет шаблона грин и langs\ru\lang.conf
скорее всего, тексты вставлены в файлах шаблона, а не в языковом файле.

А по поводу шапки и кодировки?

Сохранять файл в кодировке UTF-8 БЕЗ BOM

Шопос работает с UTF-8. Соответственно, кодировать файлы шаблона надо в такую же кодировку.
Можно использовать текстовый редактор notepad++. Простой и легкий.

А в Grin не тыкнете носом где шапку искать, если не сложно?

В место <img src="{$tpl_path}img/logo.png" alt="SHOPOS" />  Пиши свой текст  например <h1>ВАШ ТЕКСТ</h1>

спасибо за помощь  :-*

А можно еще тут спросить про Shopos-foreva? А то в его (шаблона) теме не отвечают. Как поменять шапку здесь? В теме написано, что шапка (psd)  внутри! Кому как надо может под себя оформить! Это только слева, там где blank.gif находится можно вставлять свои изображения? Мне хотелось бы по всей шапке размещать, допустим, картинку. Куда вставлять? Спасибо за ответ.

Прошу прощения.

Перелопатил весь форум в поисках мануала по изменению шапки сайта (может быть плохо искал конечно  :)), но так и не нашел.

В этой теме http://www.shopos.ru/forum/index.php?topic=2698.msg21254#msg21254 речь идет о шаблоне shopos-foreva (v1.1), а у меня установлен просто Default Никакого файла hd-r.jpeg (или hd-r.gif) в своем шаблоне я не нашел.

Теперь вопрос: "Как в шапке шаблона Default (сине-голубая полоска) написать буквами слоган???"

Заранее благодарю за ответ :)

P.S.: Могу ли я пустить текст бегущей строкой???

Прошу прощения, но я так и не получил ответ на 2 своих вопроса

1. "Как в шапке шаблона Default (сине-голубая полоска) написать буквами слоган???"

2. Могу ли я пустить текст бегущей строкой???

Извините за тупость, но... куда смотреть???  :o

Кто ж вас знает, можете вы пустить текст бегущей строкой или нет. Если знаете javascript, то можете, если не знаете, но умеет прикручивать его, то вероятно сможете, а если не то и не другое, то сами не сможете.)))

Можете вот сюда сунуть текст слогана:
<td class="htba" valign="middle" align="left" width="80%">Ваш слоган</td>

это в index.html

Простейшая бегущая строка:
<marquee>running text</marquee>

хых. а я думал он только в осле работает нормально)))

А теперь как думаете?

Спасибо!  :)

Подскажите, как  в Default шаблоне организовать, вывод товаров в категории в один столбец, как это сделано ,например, в шаблоне Red500 http://www.shopos.ru/themes/168/

Пожалуйста, помогите!!! Все пониманию, но вот как фотку загрузить на сайт не понимаю. Подскажите, пожалуйста, как это сделать..

Ну помогите же, пожалуйста!!! Где найти папки для добавления: картинки для шапки блога или плагин???

Ну если Вы не понимаете ничего в этом зачем Вы этим занимаетесь...

Я думала, что это форум помощи для "чайников"...

Ольгусёнок, форум помощи и есть. Но такие вопросы вызывают некое недопонимание. Так как вы сами привели ответ на свой вопрос.
папка themes/default-red/img/img/ - это и есть путь.
где искать? на сервере, где размещен ваш сайт. что еще тут посоветовать, я не знаю.

Спасибо! Простите меня за тупость, но подскажите, пожалуйста, как мне зайти на этот сервер. Просто человек, который занимался моим сайтом уехал. А мне ну очень надо поменять шапку блога и импортировать из контакта данные на сайт. Я в этом деле полный ноль. Заранее спасибо за любые советы!

обратитесь к своему хостеру за помощью. т.е. туда, где находится ваш сайт. у вас должны быть какие-то данные для доступа, если сайт зарегистрирован на вас.

доступ к файлам как правило осуществляется через панель управления хостера, либо по FTP(SFTP) и т.д... подсказать совсем нечего, кроме как обращение к хостеру, если нет человека который занимался вашим сайтом.

Спасибо! Можно еще помучаю вопросами? Заранее надеясь на ответ, спрашиваю) Тот человек, который занимался моим сайтом нашелся) Я скачала ftp-клиент, я ведь могу через него добавлять все на сайт? Я так понимаю, что мне нужно ввести: хост, имя пользователя и пароль. Но этот человек не хочет мне говорить данные, чего-то боиться. Соответственно, я ничего сделать не могу без него? Или я как-то могу все этого узнать?

А чего боится этот человек ?  Если он занимался вашим сайтом, то вы наверное ему деньги за это заплатили. Нужно просто с него спрашивать понастойчивее.  ;)

Помогите решить проблему!!!! Мучаюсь уже 3-й день, как в шаблоне default-red шапку поставить по центре и убрать номера телефонов и аську. (и если можно так как сайт липучка, логотип был по центре и при этом лого нерастягивался)

{config_load file="$language/lang.conf" section="index"}
<!-- Шапка -->
<table class="adn print" width="100%">
<tr>
<td class="headlink vleft bf">
<a href="{$mainpage}">{#text_mainpage#}</a><span class="delm">|</span>
{if $account}{if $smarty.session.customer_id}
<a href="{$account}">{#link_account#}</a><span class="delm">|</span>
{/if}{/if}
<a href="{$cart}">{#link_cart#}</a><span class="delm">|</span>
<a href="{$price_list}">{#price_list#}</a><span class="delm">|</span>
<a href="{$checkout}">{#link_checkout#}</a><span class="delm">|</span>
</td>
<td align="right" class="headlink vleft bf" width="70px">
{if $account}{if $smarty.session.customer_id}
<span class="delm">|</span><a href="{$logoff}">{#link_logoff#}</a>
{else}
<span class="delm">|</span><a href="{$login}">{#link_login#}</a>
{/if}
{/if} 
</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" width="100%" class="print">
<tr>
<td class="htba" valign="middle" align="left"><a href="{$mainpage}"><img id="logo" src="{$tpl_path}img/logo.png" border="0" alt="" /></a></div></td>
<td class="htba" valign="middle" align="left" width="80%"></td>

<td class="htba" valign="middle" align="left" width="10%"></td>
</tr>
</table>
<!-- /Шапка -->

телефоны и аську убрал... Осталось шапку поставить по центре и чтобы растяжка работала по сторонам и приэтом неискажала картинку

Сайт http://atasgroup.com.ua/

у вас картинка в левой колонке таблицы

Никаких изменений непроизошло. Может Вы могли бы посмотреть через teamviewer?

у td найти
align="center"
заменить на
style="text-align:center;"

Источник