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

[tega4]

1. Как убрать увеличенную картинку в описании товара? Т.е. я хочу чтобы картинка при нажатии не увеличивалась, а просто показывалась, как основная, так и дополнительные. Кнопку увеличить я уже убрала.
2. Как увеличть кнопку "В корзину" и "Купить сейчас" и сделать их отдельного цвета, чтобы они сразу выделялись, а не при наведении на неё.
3. Как убрать условия доставки со всем её комплектующим?
4. И возможна ли заливка разными цветами каждой категории в левом столбике? Желательно со сменой цвета при наведении.

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

[Vaccina]

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

Файл main.csstemplate содержит в себе все стили css - т.е отвечает за отображение элементов.

Файл main.js содержит код javascript и отвечает за все функции - например увеличение изображения, отображение всплывающих окон и т.д

[tega4]

Vaccina (25 Июль 2012 - 21:21) писал:

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

Файл main.csstemplate содержит в себе все стили css - т.е отвечает за отображение элементов.

Файл main.js содержит код javascript и отвечает за все функции - например увеличение изображения, отображение всплывающих окон и т.д

Тема "Пластик"
адрес магазина: http://testdesign.storeland.ru/

Благодарю

[Vaccina]

1) Вам необходимо в файле main.js раздела редактора тем - найти

// Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
		
		// Идентификатор главной картинки
	var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
		
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

	// Для иконки изображения запустим галерею  
	goodsImageIconElement.nyroModalManual();
	return false;
  });

и заменить на

// Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){
		
		// Идентификатор главной картинки
	/*var goodsImageId = $('.goodsDataMainImage input').attr("rel"),
		
		// Маленькое изображение, по которому на самом деле будем кликать
		goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

	// Для иконки изображения запустим галерею  
	goodsImageIconElement.nyroModalManual();*/
	return false;
  });

2) Изменить ширину и высоту кнопок можно в файле стилей main.css За это отвечают следующие классы

a.whtblue {
	height: 27px;
	padding: 5px 12px;
}

a.blgreen, a.whtgreen, a.whtblue, a.whtgray {
	display: inline-block;
	height: 15px;
	text-decoration: none;
}

#content .boxmoney .main .block ul.right li a.whtblue {
	min-width: 104px;
}

Так же найдите

.whtblue:hover, input.paymentFormTbodySubmitButton[type="submit"]:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/118/117392/whtblue-bg.jpg") repeat scroll center top transparent;
	border: 1px solid #5FA8C4;
	color: #3E3E3E;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

и замените на

.whtblue, input.paymentFormTbodySubmitButton[type="submit"]{
	background: url("http://img.storeland.ru/web/upload/assets/images/118/117392/whtblue-bg.jpg") repeat scroll center top transparent;
	border: 1px solid #5FA8C4;
	color: #3E3E3E;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

3) В шаблоне "Товар" найдите и удалите следующий блок

<!-- Условия доставки -->
		  <div class="block">
			<div class="delivery fnt12n txtalgnlft">
			  <p class="fnt12b">
				Уловия доставки
			  </p>
			  <!-- Способ -->
			  {% FOR goods_delivery %}
				<div class="variant">
				  <div class="title fnt12b" rel="{goods_delivery.ID}">
					Вариант {goods_delivery.index}: {goods_delivery.NAME}
				  </div>
				  <div class="info">
					{goods_delivery.DESC}
				  </div>
				  {% IF goods_delivery.rules_empty %}
					<div class="delivmoney fnt11i">
					  Стоимость доставки: {goods_delivery.PRICE | money_format}
					</div>
				  {% ELSE %}
					<div class="delivmoney fnt11i">
					  Стоимость доставки зависит от суммы заказа:
					</div>
					<div class="history" style="padding:0;">
					  <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
					  <tr class="title">
						<td>
						  Для заказов больше
						</td>
						<td width="30%">
						  Стоимость
						</td>
					  </tr>
					  {% FOR rules %}
						<tr class="delivery">
						  <td class="txtalgnlft">
							{goods_delivery.rules.SUM_MORE_PRICE | money_format}
						  </td>
						  <td class="last">
							{goods_delivery.rules.PRICE | money_format}
						  </td>
						</tr>
					  {% ENDFOR %}
					  <tr class="delivery">
						<td class="old txtalgnlft fnt10n">
						  Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
						</td>
						<td class="last">
						  {goods_delivery.PRICE | money_format}
						</td>
					  </tr>
					  </table>
					</div>
				  {% ENDIF %}
				</div>
			  {% ENDFOR %} 
			  <!-- Способ-Конец -->
			</div>
		  </div>
		  <!-- Условия доставки-Конец -->

4) В шаблоне "HTML" найдите

<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>

и замените на

<li class="index{catalog.index} {% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>

Далее в файле стилей создайте классы

.blockmain.navigation .index1 {
   background: #ccc;
}

.blockmain.navigation .index1:hover {
   background: #aaa;
}

.blockmain.navigation .index2 {
   background: #ccc;
}

.blockmain.navigation .index2:hover {
   background: #aaa;
}

.blockmain.navigation .index3 {
   background: #ccc;
}

.blockmain.navigation .index3:hover {
   background: #aaa;
}

Номер index1...indexN это номер категории. Данные классы прописываете вручную в зависимости сколько у вас категорий. Так же необходимую задаете стилизацию.

[tega4]

Спасибо большое.

Цитата

Номер index1...indexN это номер категории. Данные классы прописываете вручную в зависимости сколько у вас категорий. Так же необходимую задаете стилизацию.

а на подкатегории это тоже получится сделать, или необходимо что-то ещё прописывать?

5. А как убрать описание Seo, только так,чтобы оно само осталось, но не отображалось на странице?
6. И как мне удалить боковую корзину, а верхнюю сделать плавающей? как здесь http://www.duhisale.ru

[tega4]

Цитата

2) Изменить ширину и высоту кнопок можно в файле стилей main.css За это отвечают следующие классы

Это не помогло, высота не меняется вообще... и мне нужно узменить не все кнопки, а только те, что переносят товар в корзину. Т.е. кнопки "В корзину" и "Купить сейчас"

[tega4]

Как при сделать фон при наведении на ссылку другим цветом? Как в главной навигации?

[Vaccina]

Цитата

а на подкатегории это тоже получится сделать, или необходимо что-то ещё прописывать?

Это можно только сделать - если у вас каталог постоянно открыт. Т.е заменена переменная cotalog на catalog_full

5) На какой именно странице вы хотите скрыть SEO описание?
6) Данный вопрос вы уже задавали http://forum.storela...dpost__p__14240
Так же подобный вопрос обсуждался в следующей теме форума http://forum.storela...dpost__p__14356

Для кнопки - в шаблоне "Товары", "Товар" найдите ссылку для добавления товара в корзину

<a class="whtgray"

замените её на

<a class="whtgray" style="height: 27px; padding: 5px 12px; height: 15px; min-width: 104px;"

Далее измените необходимые свойства.

Цитата

Как при сделать фон при наведении на ссылку другим цветом? Как в главной навигации?

Пример:

HTML код:

<a class="link-cart">В корзину</a>

CSS код:

.link-cart {
  color: #000;
}

.link-cart:hover {
  color: #ccc;
}

[tega4]

Цитата

На какой именно странице вы хотите скрыть SEO описание?

На странице товара, просто очень много информации получается видно.

Цитата

6) Данный вопрос вы уже задавали

Если этот вариант подойдёт, то это хорошо, но как мне убрать корзину из левого столбика?

И появилась ещё одна проблема...После того, как замучала коды.
Как сделать выравнивание по середине списка каталога?

[tega4]

тот способ не помогает, корзину 2-ю удалила уже сама.

[tega4]

И снова проблемы, но уже по поводу самого магазина, а не дизайна:
[attachment=2396:Снимок.PNG]
как убрать в обведенном надпись рублей?
[attachment=2397:полро.PNG]
убрать артикул и кнопку увеличить, при этом увеличение осноной картинки сделать при нажатии на нее, и чтобы дополнительные не увиличивались, а выводились в среднюю.И как сделать кнопку "В корзину" больше по размеру и изменить цвет.
[attachment=2395:пгдл.PNG]
Изменить размер и цвет выделенной кнопки.

[tega4]

артикл и кнопку увеличить изображение убрала сама.

[Vaccina]

Цитата

На странице товара, просто очень много информации получается видно.

В файл стилей main.css добавьте

.seo {
  display: none;
}

1) Найдите в шаблоне "Просмотр заказа"

<!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td class="last">
			  <span class="fnt14i">{order_lines.LINE_SUM}</span> <span class="fnt12i">{CURRENCY_NAME}</span>
			</td>

и замените на

<!-- Скидка -->
			  {% ELSEIF order_lines.TYPE_ID = 3%}
				<span title="{order_lines.MEASURE_TITLE}">{order_lines.MEASURE_NAME}</span>
			  {%ENDIF%}
			</td>
			<td class="last">
			  <span class="fnt14i">{order_lines.LINE_SUM}</span>
			</td>

2) Изменить размер кнопки не получиться, так как используется изображение определенного размера.

Вам необходимо в самом теге задать необходимую стилизацию

<a class="whtgray" 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>

этот код находиться в шаблоне "Товары".

<a class="whtgray" onclick=

заменить на

<a class="whtgray" style="" onclick=

и уже в теге style задать необходимые вам стили.

[Асель]

подскажите пожалуйста,я скрывала артикул,как мне его вернуть обратно?

[Vaccina]

Проверьте ваш шаблон "Товар" на присутствие следующего блока

<!-- Артикул, если указан -->
  <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none;"{% ENDIF %}>
	  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
  </div>