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


Помогите Пожалуйста Решить Несколько Вопросов

Дизайн шаб вечность сменить цвет шапка подвал

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Tadasan

Tadasan

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 17 Июнь 2013 - 13:28

1.    Как выровнять товары в категориях в шаблоне вечность
2.    Как уменьшить расстояние между названиями категорий в выпадающем меню
3.    Как поменять цвет таблички в товаре, где находится описание, доставка, отзывы,
4.    Как поставить кнопку «заказать» в карточке товара под табличку  с описанием, доставкой и отзывами
5.    Как сделать номер телефона покрупней в шапке и переместить его немного правее от логотипа
6.    Как сделать так, что бы при открытии карточки товара появлялось описание товара, а не отзывы

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Июнь 2013 - 19:09

1. Чтобы выровнять товары есть много методов. Могу предложить Вам вот такой: найдите в файле style.css блок
.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;}
и замените его на
.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;height: 430px;}
При ем длину каждого товара можно регулировать в строке height: 430px; увеличивая(уменьшая) значение 430.
2.  В файле style.css найдите блок
.nav li li a {
display: block;
background: #ddd;
top: 0px;
color: #000;
width: 130px;
}
и попробуйте заменить его на
.nav li li a {
display: block;
background: #ddd;
top: 0px;
color: #000;
width: 130px;
height: 6px;
}
3. В том же файле найдите блок
.tabbed_area {
border: 1px solid #494e52;
background-color: #404040;
padding: 8px;
}
измените значение цвета(#494e52, #404040)  в строках
border: 1px solid #494e52;
background-color: #404040;
на то которое Вам необходимо. background-color: - цвет заливки таблицы; border:- рамка вокруг.
4. В шаблоне HTML найдите блок
<!-- Добавление в корзину -->
<div class="buy-item">
<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">

<button type="submit" onclick="quickorder('.goodsDataForm');return false;" title="Быстро оформить заказ" style="float: left;">Заказать</button>
<!--button type="submit" onclick="$('.goodsDataForm').submit();" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" style="float: left;">В корзину</button-->
</div>



<!-- /Добавление в корзину -->
копируйте и удалите его. Теперь этот блок вставьте после блока
{% ENDIF %}
	 <!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
	 </div>
5. В файле style.css найдите блок
.contacts {
float: left;
position: relative;
}
и замените его на
.contacts {
float: left;
position: relative;
margin-left: 21px;
font-size: 16px;
}
6. В шаблоне Товар найдите блок
<ul class="tabs">
		 <!-- Если есть какое-либо описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>
		 {% ENDIF %}
		 <!-- Если есть характеристики товара -->
		 {% IFNOT goods_features_empty %}
		 <li class="hide"><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		 {% ENDIF %}
		 <!-- Если есть информация о доставке товара -->
		 {% IFNOT goods_delivery_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		 {% ENDIF %}
		 <!-- Если подключен модуль отзывов о товарах -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active" >Отзывы</a></li>
		 {% ENDIF %}
	 </ul>
и замените его на
<ul class="tabs">
		 <!-- Если есть какое-либо описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
		 {% ENDIF %}
		 <!-- Если есть характеристики товара -->
		 {% IFNOT goods_features_empty %}
		 <li class="hide"><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		 {% ENDIF %}
		 <!-- Если есть информация о доставке товара -->
		 {% IFNOT goods_delivery_empty %}
		 <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		 {% ENDIF %}
		 <!-- Если подключен модуль отзывов о товарах -->
		 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		 <li><a href="javascript:tabSwitch(4);" id="tab_4" >Отзывы</a></li>
		 {% ENDIF %}
	 </ul>


#3 Tadasan

Tadasan

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 18 Июнь 2013 - 04:52

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

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Июнь 2013 - 12:45

В файле style.css найдите строку
#content_2, #content_3, #content_1 {display:none;}
и замените ее на
#content_2, #content_3, #content_4 {display:none;}






Темы с аналогичным тегами Дизайн шаб, вечность, сменить цвет шапка, подвал

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных