Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Помогите Подправить Некоторые Элементы В Шаблоне

Автор Prorock_Ugl, 24 нояб. 2013 21:12

Авторизуйтесь для ответа в теме

Сообщений в теме: 129

#121 Castiel

Активный участник

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 11 Февраль 2014 - 06:43

Noir (11 Февраль 2014 - 00:27) писал:

Спасибо, очень многое пригодилось. Но еще есть пара вопросов:

1. Все равно ничего не выходит. Может мы о разном говорим? Вот моя проблема, при уменьшении масштаба ее хорошо видно:

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

2. Добавился необходимый пункт: Контакты, надо его довести до ума: а) выровнить телефоны по левому краю. б) убрать непонятную полоску белого цвета, которая находится за такстом Контакты для связи.

3) Телефоны в шапке, тоже необходимо выровнить. Федеральный номер подогнать под городской.

4) При открытии главной страницы магазина и остальных пунктов меню, ширина вложенного сообщения разная. Как увеличить ширину главной новости (или страницы) до стандартного размера. Т.е. убрать правое белое поле?

1. Редактируем main.css
Находим

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Заменяем на

body { background:url({ASSETS_IMAGES_PATH}bg.jpg) #ffffff center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

3. Редактируем шаблон HTML
Находим

<ul style="height:60px;">
			  <li class="title">Телефон для заказа:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			   {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>

Заменяем на

<ul style="height:60px;">
			  <li class="title">Телефон для заказа:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			   {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>

Редактируем main.css
Находим

#header .blocks .rght ul li.padd {
padding: 4px 0 4px 25px;
margin: 2px 0 0 45px;
overflow: hidden;
width: 200px;
height: 14px;
line-height: 15px;
}

Заменяем на

#header .blocks .rght ul li.padd {
padding: 0px 0 4px 25px;
margin: 1px 0 0 45px;
overflow: hidden;
width: 200px;
height: 14px;
line-height: 15px;
}

2. Редактируем шаблон HTML
Находим

	<!-- Контакты -->
<div class="block">
				 <div class="blocktitle bluelarge">
				 Контакты
				 </div>
				 <div class="blockmain cart padd cartInfo">
				 <ul>
												 <li class="title">Контакты для связи:</li>
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_WORK_TIME %}
												 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
								 {% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
								 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
						  
								 </ul>
				 <div class="blockbottom"></div>
   </div>
</div>
<!-- END Контакты -->

Заменяем на

	<!-- Контакты -->
<div class="block">
				 <div class="blocktitle bluelarge">
				 Контакты
				 </div>
				 <div class="blockmain cart padd cartInfo">
				 <ul>
												 <li class="title">Контакты для связи:</li>
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_WORK_TIME %}
												 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
								 {% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
								 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
								 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
						  
								 </ul>
   </div>
</div>
<!-- END Контакты -->

4. Редактируем main.css
Находим

#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}

Заменяем на

#index { margin:-11px 0 -11px 0; padding:11px 0 11px 0;}

Находим

#mainindex {  float:left; width:512px; }

Заменяем на

#mainindex {  float:left; width:756px; }

Находим

#right { float:right; width:225px; margin:0 10px 0 0; }

Заменяем на

#right { float:right; width:225px; margin:0 10px 0 0; display:none; }

Находим

#content #mainindex .headline { background:url({ASSETS_IMAGES_PATH}headline-index-bg.jpg) top center no-repeat; width:492px; }

Заменяем на

#content #mainindex .headline { }

Наверх

#122 Noir

Пользователь

Пользователи
10 сообщений

Отправлено 11 Февраль 2014 - 10:54

Vaccina,

Castiel

Спасибо, все получилось. Подскажите последнее, как заголовок (название страницы) в закладках "Главная" и "Доставка" сделать по центру?

Наверх

#123 Castiel

Активный участник

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 11 Февраль 2014 - 15:07

Noir (11 Февраль 2014 - 10:54) писал:

Vaccina,

Castiel

Спасибо, все получилось. Подскажите последнее, как заголовок (название страницы) в закладках "Главная" и "Доставка" сделать по центру?

Здравствуйте, редактируем main.css
Добавляем в любое удобное место

.txtalgncntr {
text-align: center;
}

Редактируем шаблон Страница
находим

<div class="h1 fnt14n txtalgnlft">

Заменяем на

<div class="h1 fnt14n txtalgncntr">

Находим

<h1 class="fnt18n">{PAGE_NAME}</h1>

Заменяем на

<h1 class="fnt18n txtalgncntr">{PAGE_NAME}</h1>

Наверх

#124 Noir

Пользователь

Пользователи
10 сообщений

Отправлено 12 Февраль 2014 - 00:13

Castiel (11 Февраль 2014 - 15:07) писал:

Здравствуйте, редактируем main.css
Добавляем в любое удобное место

.txtalgncntr {
text-align: center;
}

Редактируем шаблон Страница
находим

<div class="h1 fnt14n txtalgnlft">

Заменяем на

<div class="h1 fnt14n txtalgncntr">

Находим

<h1 class="fnt18n">{PAGE_NAME}</h1>

Заменяем на

<h1 class="fnt18n txtalgncntr">{PAGE_NAME}</h1>

Ничего не изменилось. Вот визуальная часть проблемы: хочу отцентровать надпись "Аниме товары во Владивостоке"

Зашел через Хром и увидел, что телефоны в верху сайта отображаются на оригинальном фоне, который давно стерт из шаблона и заменен "облачком"

Наверх

#125 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 12 Февраль 2014 - 04:19

1.На данный момент, надпись у вас по центру.
2. Почистите кэш, если фона нет, то и отображаться он не должен, скорее всего, браузер закешировал.

Наверх

#126 Noir

Пользователь

Пользователи
10 сообщений

Отправлено 13 Февраль 2014 - 00:16

И правда, чистка кэша спасла. А можно сделать так, чтобы нижний белый фон не наезжал на картинку? Такое ощущение, что он "привязан" к нижнему краю функциональной области и при прокрутки сайта в самый низ, он появляется, частично срезая фоновую картинку.

Наверх

#127 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 13 Февраль 2014 - 04:33

В main.css в самый низ пропишите:

.ui-datepicker{
display:none;
}

Наверх

#128 Noir

Пользователь

Пользователи
10 сообщений

Отправлено 13 Февраль 2014 - 08:16

Cпасибо )

Наверх

#129 Prorock_Ugl

Продвинутый пользователь

Пользователи
186 сообщений

Отправлено 05 Март 2014 - 10:00

Здравствуйте. Мне необходимо, чтобы в каталоге под товаром была только одна кнопка "Купить" и она выполняла функцию кнопки "Подробнее". Помогите это реализовать, пожалуйста.

Наверх

#130 Alexey11

Активный участник

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 05 Март 2014 - 13:17

Prorock_Ugl (05 Март 2014 - 10:00) писал:

Здравствуйте. Мне необходимо, чтобы в каталоге под товаром была только одна кнопка "Купить" и она выполняла функцию кнопки "Подробнее". Помогите это реализовать, пожалуйста.

Найдите данный блок кода в шаблоне "Товары"

	<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
						<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>

замените его на:

	<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a href="{goods.URL}" class="blgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Купить</a>
						<a class="blgreen" style="display:none;"onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>