Перейти к содержимому


sengun

Регистрация: 05 июня 2013
Offline Активность: 30 окт. 2017 17:00
*****

#142801 Дизайн Каталога Товаров С Права

Отправлено Ирина345 на 11 Июнь 2014 - 17:12

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 15:11) писал:

Доброго времени суток !!!

Хочу изменить дизайн каталога товаров(меню) на главной странице с лева.

Как подменить стандартный код на тот что я прикрепил с низу.

Сам пробовал названия категорий вылетают.

За ранее спасибо!!!!

Картинку как должно выглядеть меню на выходе тоже прикрепил.

bellmarket.ru
Здравствуйте , найдите в style.css код
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }

li a:hover {
color: #EAA94F;
}
замените на
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("{ASSETS_IMAGES_PATH}имя картинки.png") no-repeat ;}


li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}имя картинки.png") center repeat ;}
}




#142809 Дизайн Каталога Товаров С Права

Отправлено Ирина345 на 11 Июнь 2014 - 17:42

Просмотр сообщенияmagiya1984 (11 Июнь 2014 - 17:26) писал:

Заменил
найдите
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("ASSETS_IMAGES_PATH}vert_menu.png") no-repeat ;}

li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}vert_menu.png") center repeat ;}


замените на

.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; background:url("{ASSETS_IMAGES_PATH}vert_menu.png") top no-repeat ;background-size: 100%; }

li a:hover {
color: #EAA94F;
background:url("{ASSETS_IMAGES_PATH}vert_menu.png") bottom repeat ; background-size: 100%;}



#142831 Оформление Заказа (4 Шага)

Отправлено Ирина345 на 11 Июнь 2014 - 19:44

Просмотр сообщенияAdmin1796 (11 Июнь 2014 - 18:47) писал:

Отлично. Получилось. Смущает БЛОК 1, который виден на скриншоте. Его как убрать или скрыть?

В идеале все товары должны появиться на главной.

Прикрепленный файл Без имени1-1.jpg
Здравствуйте
найдите в шаблоне Страница код
<div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %}  
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>

замените на


{% IFNOT index_page %}
<div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %}  
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>
  {% ENDIF %}




#142833 Отображение Товаров По 3 На Главной Странице

Отправлено Ирина345 на 11 Июнь 2014 - 19:59

Просмотр сообщенияspytime (11 Июнь 2014 - 19:20) писал:

Скажите пжст как совсем убрать "вы смотрели". Блок отображается на главной и соответственно когда сделал по 3 в ряд - наползают на него.
Здравствуйте, находите в HTML
<!-- Последние товары, просмотренные пользователем -->
		  {% IFNOT recently_viewed_goods_empty %}
		  <div class="block">
			<div class="blocktitle bluelarge">
			  Вы смотрели
pfvtyztbt yf

<!-- Последние товары, просмотренные пользователем -->
		  {% IFNOT recently_viewed_goods_empty %}
		  <div class="block" style="display:none;">
			<div class="blocktitle bluelarge">
			  Вы смотрели



#142834 Лк

Отправлено Ирина345 на 11 Июнь 2014 - 20:10

Просмотр сообщениязлая я))) (11 Июнь 2014 - 19:52) писал:

Большое спасибо а не подскажите где изменить размер ячейки куда вводится эмайл и оторвать все же личный кабинет от каталога
Найдите в style.css
.block2 .block-content {padding: 14px 18px;color: #fff;border-top: 0px;border-bottom: 1px solid #505050;background:  url(http://design.texstil-optom.ru/menu2.png?5836);*float: none;border: 1px solid #c0c0c0;position: relative;display: block;}
замените на

.block2 .block-content {padding: 14px 18px;color: #fff;border-top: 0px;border-bottom: 1px solid #505050;background:  url(http://design.texstil-optom.ru/menu2.png?5836);*float: none;border: 1px solid #c0c0c0;position: relative;display: block;margin-bottom:9px;}
можете менять отступ margin-bottom:9px;
в hTML находите

 <td><label for="sites_client_mail">Email</label></td>
 <td><input id="sites_client_mail" name="form[sites_client_mail]"  value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email cornerAll"/ style="   width: 100px;"></td>
за ширину отвечает значение width: 100px


#142841 Лк

Отправлено Ирина345 на 11 Июнь 2014 - 20:50

Просмотр сообщениязлая я))) (11 Июнь 2014 - 20:42) писал:

спасибо! а как изменить место где вводится пароль по высоте?
Найдите в style.css
input[type=text],input[type=password], .inputText {-moz-appearance:none;-webkit-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:36px!important;*height:20px!important;padding:5px 10px!important; padding:10px 10px 5px 10px\0/;}
за высоту блока отвечает значение
height:20px!important меняете значение , меняете высоту
если хотите добавить отступ между блоком ввода e-mail  и блоком ввода пароля
добавляете значение margin-top:4px;


#142950 Номер Телефона Поместить Над Корзиной

Отправлено Ирина345 на 12 Июнь 2014 - 16:14

Просмотр сообщенияNiilitmash (12 Июнь 2014 - 16:07) писал:

Картинка появилась, только бы ещё телефон отцентрировать по отношению к корзине. И чтобы он там и находился а не двигался в зависимости от разрешений экрана.
Здравствуйте, найдите в main.css
#contactInfo {
position: absolute;
font-size: 1.2em;
top: 25px;
right: 90px;
}
замените на


#contactInfo {
position: absolute;
font-size: 1.2em;
top: 25px;
right: 59px;
}




#142953 Отображение Товаров По 3 На Главной Странице

Отправлено Ирина345 на 12 Июнь 2014 - 16:21

Просмотр сообщенияspytime (12 Июнь 2014 - 16:08) писал:

Спасибо. Растянул, перекрасил headline-bg.jpg.  Еще нужно перекрасить такую же линию которая находится в карточке товара, над условиями доставки
Здравствуйте, найдите в main.css
#content .boxmoney .main .block {
border-bottom: 1px dotted #ababab;
padding: 0 0 5px 0;
}
меняете значение
border-bottom: 1px dotted #ababab;


#142959 Отображение Товаров По 3 На Главной Странице

Отправлено Ирина345 на 12 Июнь 2014 - 17:30

Просмотр сообщенияspytime (12 Июнь 2014 - 17:21) писал:

Изображение
найдите
 #content .boxmoney .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; border:1px solid #d5d5d5; border-top:0; padding:7px 10px 10px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
замените на

 #content .boxmoney .main { background:url({ASSETS_IMAGES_PATH}headline-bg.jpg) top center repeat-x; border:1px solid #d5d5d5; border-top:0; padding:7px 10px 10px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }



#142961 Отображение Товаров По 3 На Главной Странице

Отправлено Ирина345 на 12 Июнь 2014 - 17:49

Просмотр сообщенияspytime (12 Июнь 2014 - 17:39) писал:

Нет, не получается. Ругается, что уже использована картинка часто.
И вот еще что стало, но так не надо
Изображение
Требуемые изменения внесены


#142965 Отображение Товаров По 3 На Главной Странице

Отправлено Ирина345 на 12 Июнь 2014 - 18:00

Просмотр сообщенияspytime (12 Июнь 2014 - 17:54) писал:

Ирина, а скажите пжст, что Вы сделали?  Интересуюсь потому, что мне на второй сайт надо то же самое изменить.
Вы просто не правильно инструкцию выполнили, не там произвели изменения, надо было в
#content .boxmoney .main { background:url({ASSETS_IMAGES_PATH}headline-bg.jpg) top center repeat-x; border:1px solid #d5d5d5; border-top:0; padding:7px 10px 10px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
а вы поменяли вот в этой строчке.

 #content table.tblinput input[type=text], #content table.tblinput input[type=password], input[type=file], #content table.tblinput textarea, #content td.number input[type=text], #content .boxmoney .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; border:1px solid #d5d5d5; border-top:0; padding:7px 10px 10px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }



#142974 Модернизация Подвала

Отправлено Ирина345 на 12 Июнь 2014 - 19:26

Просмотр сообщенияluzikov (12 Июнь 2014 - 18:49) писал:

Какие переменные нужно добавить с стили что бы можно было стилизовать этот блок вообще, из того что предложили в той теме ничего не написано про это. Нужно как на скрине выше.
Здравствуйте, чтобы добавить стиль
нужно найти в HTML

<div class="footer_m">
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
замените на

<div class="footer_m">
<div>
{% FOR menu %}
{% FOR footer1 %}
{% FOR links %}
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</div>
в конец файла style.css добавьте
.men1 {color:#456789;}



#142984 Модернизация Подвала

Отправлено Ирина345 на 12 Июнь 2014 - 22:23

Просмотр сообщенияluzikov (12 Июнь 2014 - 19:44) писал:

это редактирует только сами ссылки, а как редактировать общий блок ?
МНЕ ПРОСТО НУЖЕН КОД, ПО КОТОРОМУ Я СМОГУ СДЕЛАТЬ НЕЧТО ПОДОБНОЕ ЧТО Я ПРИСЫЛАЛ НА СКРИНЕ, ВОТ И ВСЕ :)
Найдите в HTML
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a>
замените на
<a href="{menu.footer1.links.URL}" class="men1" {% IF menu.footer1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a> <br>
найдите в style.css
.men1 {color:#456789;}
замените на
.men1 {color:#456789; .men1 {color:#456789;text-decoration: none;}



#139908 Переместить Вход В Личный Кабинет В Шапку Сайта

Отправлено Ирина345 на 23 Май 2014 - 15:02

Просмотр сообщенияИльяc (23 Май 2014 - 14:24) писал:

Цвет текста почему-то не меняется?
Здравствуйте, Цвет попробуйте поменять в этой строке
a {
color: #0099CC;
text-decoration: none;
}
находим её в main.css и меняем значение color
для увеличения шрифта находим код

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}
заменяем его на



<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}

где размер шрифта меняете, через свойство  font-size


#139918 Исчезают Товары Как Только Выбираешь Конкретную Категорию Фильтра

Отправлено Ирина345 на 23 Май 2014 - 16:08

Просмотр сообщенияFlor@@ (23 Май 2014 - 15:58) писал:

подскажите, пожалуйста как скрыть код бегунка с диапазоном цен на время  - до решения данной проблемы?
для того что бы скрыть этот блок в шаблоне Товары найдите
 <div class="block">
										<div class="blockmain">
												<ul class="filter" style="display:none;">
замените на

 <div class="block">
										<div class="blockmain">
												<ul class="filter" style="display:none;"style=" display: none; ">
если захотите вернуть все обратно , просто удалите style=" display: none; "