Ряд Задач По Шапке, Цветам, Созданию Страниц И Редактированию Карточки Товаров
#1
Отправлено 22 Апрель 2015 - 20:00
Задачи:
1. После замены файла header_page.png :
- главное меню приобрело странно прозрачный цвет и потеряло форму. Как вернуть его естественные очертания с заменой цвета с черного на иной? На съехавший текст не обращайте внимания - исправлю в редакторе.
- потерялись очертания строки поиска. Как вернуть?
2. Как убрать блок "Контакты" из шапки? Совсем.
3. Нужно создать раздел (станицу?) по принципу каталога. По сути страница для размещения статей с фото (аналогично в карточке товара) с отображением новости об их появлении.
4. Как убрать "Условия доставки" из карточки товара? Информация об условиях доставки должна отображаться только на станице "Доставка". При этом в корзине считать автоматически по-прежнему.
#2
Отправлено 22 Апрель 2015 - 20:12
Natashka prosto prazdnik (22 Апрель 2015 - 20:00) писал:
Задачи:
1. После замены файла header_page.png :
- главное меню приобрело странно прозрачный цвет и потеряло форму. Как вернуть его естественные очертания с заменой цвета с черного на иной? На съехавший текст не обращайте внимания - исправлю в редакторе.
- потерялись очертания строки поиска. Как вернуть?
2. Как убрать блок "Контакты" из шапки? Совсем.
3. Нужно создать раздел (станицу?) по принципу каталога. По сути страница для размещения статей с фото (аналогично в карточке товара) с отображением новости об их появлении.
4. Как убрать "Условия доставки" из карточки товара? Информация об условиях доставки должна отображаться только на станице "Доставка". При этом в корзине считать автоматически по-прежнему.
1. За фон меню отвечает картинка tm_link_border.gif, можно найти её в "Редакторе шаблонов", скачать, отредактировать нужным образом и снова загрузить на сайт. Либо указать цвет и форму для кнопок меню в обычном и наведенном состоянии - тогда напишу инструкцию без манипуляции с картинками.
В main.css добавьте строку:
#search form {border: 1px solid black;}
, где 1px - толщина рамки, solid - стиль (в данном случае обычная сплошная линия), black - цвет.
2. В шаблоне HTML найдите код:
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
и замените его на:
<!-- Контакты -- > <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон -- > {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон -- > {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон -- > {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина -- > {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер -- > {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер -- > {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
3. Можно воспользоваться стандартным функционалом ("Сайт" - "Новости и статьи"), вроде бы удовлетворяет всем вашим требованиям.
4. В шаблоне "Товар" найдите код:
<!-- Блок описания вариантов доставки --> <tr> <td class="goodsDataMainDeliveryBlock" colspan="2"> <h4>Условия доставки</h4> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %} </td> </tr>
и замените его на:
<!-- Блок описания вариантов доставки -- > <tr> <td class="goodsDataMainDeliveryBlock" colspan="2"> <h4>Условия доставки</h4> {% FOR goods_delivery %} <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %} </td> </tr-->
#3
Отправлено 22 Апрель 2015 - 20:44
- Форма - прямоугольник со скругленными краями, без четкой границы. Цвет в обоих состояниях буду выбирать методом проб (если это возможно предусмотреть).
- Можно ли границы строки поиска скруглить? Какой таблицей цветов пользоваться? Понимает не все значения.
2. Получилось. Спасибо!
3. В данном варианте картинка идет приложением к статье. А нужна как часть тела статьи. Планируется картинка, привлекающая внимание и возбуждающая покупательский аппетит. А по тексту статьи ссылки на товар в каталоге, участвующий в картинке.
4. Работает. Спасибо!
Еще - после смены цвета фона сайта появились проплешины. Где исправить?
#4
Отправлено 22 Апрель 2015 - 20:59
Вопрос снят.
#5
Отправлено 22 Апрель 2015 - 21:35
1. Пункт "описание" должен брать не название товара, а его артикул. Как сделать? От заголовка до тела пункта нужен отступ - 1 строка.
2. Пункт "Отзывы" аналогично.
#6
Отправлено 23 Апрель 2015 - 04:25
Natashka prosto prazdnik (22 Апрель 2015 - 20:44) писал:
- Форма - прямоугольник со скругленными краями, без четкой границы. Цвет в обоих состояниях буду выбирать методом проб (если это возможно предусмотреть).
- Можно ли границы строки поиска скруглить? Какой таблицей цветов пользоваться? Понимает не все значения.
3. В данном варианте картинка идет приложением к статье. А нужна как часть тела статьи. Планируется картинка, привлекающая внимание и возбуждающая покупательский аппетит. А по тексту статьи ссылки на товар в каталоге, участвующий в картинке.
Еще - после смены цвета фона сайта появились проплешины. Где исправить?
1.Для скругления формы поиска в main.css найдите:
#search form { border: 1px solid brown; }замените на:
#search form { border: 1px solid brown; border-radius: 10px; }
Попробуйте использовать цветовую модель HEX, ссылка ниже на сайт с таблицей данных цветов:
http://www.color-hex.com
3. Уточните пожалуйста, вы хотите вставлять картинки на странице списка новостей, то есть напротив краткого описания новости? Картинки для каждой новости будут разные?
Natashka prosto prazdnik (22 Апрель 2015 - 21:35) писал:
1. Пункт "описание" должен брать не название товара, а его артикул. Как сделать? От заголовка до тела пункта нужен отступ - 1 строка.
2. Пункт "Отзывы" аналогично.
В шаблоне Товар найдите:
<h3>Описание {GOODS_NAME}</h3>и
<h3>Отзывы о {GOODS_NAME}</h3><br />
в них измените {GOODS_NAME} на {GOODS_MOD_ART_NUMBER}
#7
Отправлено 23 Апрель 2015 - 05:05
В карточке товара про отступ не ответили - нужно отделить само описание от Заголовка "Описание".
Как сменить шрифт сайта? Нужен более винтажнщ-загогулистый.
По поводу проплешин как поступить?
#8
Отправлено 23 Апрель 2015 - 05:31
Vaccina (23 Апрель 2015 - 04:25) писал:
Картинки для каждой новости разные. Что-то типа превью в общем списке и полноразмерные внутри статьи. Для этих целей создана страница "Мастер-классы"
#9
Отправлено 23 Апрель 2015 - 06:02
Dars (22 Апрель 2015 - 20:12) писал:
1. За фон меню отвечает картинка tm_link_border.gif, можно найти её в "Редакторе шаблонов", скачать, отредактировать нужным образом и снова загрузить на сайт. Либо указать цвет и форму для кнопок меню в обычном и наведенном состоянии - тогда напишу инструкцию без манипуляции с картинками.
Заменила файл. Черный px поменяла на коричневый. А по факту на сайте все еще прозрачный. Нужен №4a1313 в спокойном состоянии.
И строка корзины в шапке тоже вид потеряла. Остался только текст "В корзине товаров на....." Как восстановить?
#10
Отправлено 23 Апрель 2015 - 06:07
По поводу отступа, в шаблоне Товар найдите:
<h3>Описание {GOODS_MOD_ART_NUMBER}</h3>после него вставьте:
<br/>
По поводу основного фона, пришлите пожалуйста скриншот с указанием проблем, немного не понятно о чем речь.
На счет меню, в main.css найдите:
#mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif?design=shine) no-repeat right top; }
замените на:
#mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif?design=shine) no-repeat right top #ffffff; }
и в нем цветовое значение #ffffff замените на необходимое.
#11
Отправлено 23 Апрель 2015 - 07:09
#12
Отправлено 23 Апрель 2015 - 07:39
Vaccina (23 Апрель 2015 - 06:07) писал:
<h3>Описание {GOODS_MOD_ART_NUMBER}</h3>после него вставьте:
<br/>
C этим разобралась. Спасибо!
Vaccina (23 Апрель 2015 - 06:07) писал:
В приложении 2 проблемы - проплешины НЕ в цвете фона сайта и прозрачный низ шапки, а хочется как в шаблоне, чтоб главное меню не висело в воздухе.
Vaccina (23 Апрель 2015 - 06:07) писал:
#mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif?design=shine) no-repeat right top; }
замените на:
#mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif?design=shine) no-repeat right top #ffffff; }
и в нем цветовое значение #ffffff замените на необходимое.
Сделала. Спасибо!
#13
Отправлено 23 Апрель 2015 - 16:20
#14
Отправлено 23 Апрель 2015 - 17:01
Natashka prosto prazdnik (23 Апрель 2015 - 07:39) писал:
В приложении 2 проблемы - проплешины НЕ в цвете фона сайта и прозрачный низ шапки, а хочется как в шаблоне, чтоб главное меню не висело в воздухе.
Сделала. Спасибо!
Не совсем понятно, что нужно сделать с цифрами 1 и 2.
Опишите более подробно, какие именно изменения необходимы.
#15
Отправлено 23 Апрель 2015 - 17:14
Danil (23 Апрель 2015 - 17:01) писал:
Здравствуйте.
Не совсем понятно, что нужно сделать с цифрами 1 и 2.
Опишите более подробно, какие именно изменения необходимы.
Им всего лишь нужно придать цвет основного фона сайта
А по второму скрину - вернуть элемент из шаблона (после замены файла header_page стал прозрачным)
Аналогично вернуть рамку корзины в шапке
#16
Отправлено 23 Апрель 2015 - 17:30
Natashka prosto prazdnik (23 Апрель 2015 - 17:14) писал:
А по второму скрину - вернуть элемент из шаблона (после замены файла header_page стал прозрачным)
Аналогично вернуть рамку корзины в шапке
По поводу вопроса из 2 скриншота:
в main.css найдите код
#cpages { background: url('{ASSETS_IAMGES_PATH}cpage-top-bg.jpg?design=shine') no-repeat 0px 80px; padding-top: 10px; }и замените на
#cpages { padding-top: 10px; }
#17
Отправлено 23 Апрель 2015 - 19:42
Danil (23 Апрель 2015 - 17:30) писал:
Считала, что вопрос необходимо решать в коде. С изображением конечно разберусь сама. Спасибо!
Danil (23 Апрель 2015 - 17:30) писал:
в main.css найдите код
#cpages { background: url('{ASSETS_IAMGES_PATH}cpage-top-bg.jpg?design=shine') no-repeat 0px 80px; padding-top: 10px; }и замените на
#cpages { padding-top: 10px; }header_page.png header_page_without_logo.png
Благодарю! Работает.
#18
Отправлено 24 Апрель 2015 - 18:56
#19
Отправлено 25 Апрель 2015 - 05:17
#20
Отправлено 28 Апрель 2015 - 16:57
Vaccina (25 Апрель 2015 - 05:17) писал:
Если я верно поняла, то речь о:
"2. Если надо вывести одну и ту же картинку напротив каждой статьи,то надо в шаблоне "Список новостей" заменить строку
<h3><a href="{news_list.URL}" title="Перейти к странице новости">{news_list.TITLE}</a></h3>
на такую
<h3><a href="{news_list.URL}" title="Перейти к странице новости"><img src="{ASSETS_IMAGES_PATH}cancel.png" alt="" style="vertical-align: baseline;"/>{news_list.TITLE}</a></h3>
если разные, то ее надо заменить на примерно такую строку
<h3><a href="{news_list.URL}" title="Перейти к странице новости">{% IF news_list.TITLE=название статьи 1 %}<img src="{ASSETS_IMAGES_PATH}pic1.png" alt="" style="vertical-align: baseline;"/>{% ELSEIF news_list.TITLE = название статьи 2<img src="{ASSETS_IMAGES_PATH}pic2.png" alt="" style="vertical-align: baseline;"/>{% ENDIF %}{news_list.TITLE}</a></h3>
думаю, синтаксис понятен: если заголовок статьи - "название статьи 1", то вставляем картинку pic1.png, если заголовок статьи - "название статьи 2", то вставляем картинку pic2.png и т.д."
Но в шаблоне "Список новостей" искомой строки не нашла....
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных