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

[Doroti]

Здравствуйте, помогите изменить
1) хочу чтобы вместо условии доставки было, что то вроде  краткого описания, на картинке

2) еще, как сделать новую вкладку, надо сделать вкладку выбор по брендам, чтобы открыл, а там как на 2 картинке  , соответсвующая картинка соответствующая страница

3) не получилось реализовать идею как здесь, очень хотелось бы

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

Прикрепленные изображения

• 
• 

[miyako]

Doroti (26 Октябрь 2013 - 23:37) писал:

Здравствуйте, помогите изменить
1) хочу чтобы вместо условии доставки было, что то вроде  краткого описания, на картинке

2) еще, как сделать новую вкладку, надо сделать вкладку выбор по брендам, чтобы открыл, а там как на 2 картинке  , соответсвующая картинка соответствующая страница

3) не получилось реализовать идею как здесь, очень хотелось бы

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

1) У Вас в динамических вкладках есть характеристики. на скриншоте я так понимаю Вы хотите разместить еще раз характеристики? или Краткое описание?

2) Новые вкладки - http://forum.storela...дки/#entry38677

3) Что именно не получилось? Возникали ошибки или просто не было изменений?

[Doroti]

1) Да, чтобы там было краткое описание, и сразу, как изменить шрифт цвет ?
3) не получилось изменить шрифт цвет , пробовала через tooltip как было там написано, но ничего не менялось, только  сверху появлялся еще один кусочек из краткого описания.

а еще тут же помогите

4) изменить цвет цены в каталоге
5) сделать кнопку корзины - купить в каталоге,несколько раз пробовала, но не получалось.

[sengun]

Doroti (27 Октябрь 2013 - 14:29) писал:

1) Да, чтобы там было краткое описание, и сразу, как изменить шрифт цвет ?
3) не получилось изменить шрифт цвет , пробовала через tooltip как было там написано, но ничего не менялось, только  сверху появлялся еще один кусочек из краткого описания.

а еще тут же помогите

4) изменить цвет цены в каталоге
5) сделать кнопку корзины - купить в каталоге,несколько раз пробовала, но не получалось.

Здравствуйте.
1. В шаблоне "Товар" замените код

				<!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <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>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>
<!-- Блок описания товара. Показываем его есть описание товара -->

на этот

<!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDescriptionShortBlock" colspan="2">
					<h4>Краткое описание</h4>
					<div>{GOODS_DESCRIPTION_SHORT}</div>
				  </td>
				</tr>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>

и в конец main.css добавьте такой код

.goodsDataMainDescriptionShortBlock h4 {
  font: 12pt normal Verdana sans-serif;
  color: black;
  padding: 10px;
  margin: 0;
}
.goodsDataMainDescriptionShortBlock div {
  font: 10pt normal Verdana sans-serif;
  color: grey;
  padding: 0 10px 10px 10px;
}

в первых фигурных скобках - стили для текста "Краткое описание", во вторых - самого краткого описания товара.
3. Краткое описание выводится при наведении с помощью атрибута alt - его нельзя стилизовать.
4. Добавьте в конец main.css такой код

.goodsListItemPriceNew a {
color: #F00;
}

#F00 - это цвет цены товара в каталоге.
5. Вставьте в шаблон "Товары" такой код

								  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="margin-top: 10px;">
									<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 class="buy_button" 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>
								  </form>

после кода

								  <div class="goodsListItemPriceOld">
										{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
										  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
										{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
										  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
										{% ENDIF %}
								  </div>

и в конец main.css добавьте стили для этой кнопки, например

.buy_button {
  background: linear-gradient(to top, #AAA, #FFF);
  border-radius: 6px;
  padding: 3px 25px;
}

[Doroti]

Все получилось, осталось подкорректировать

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

[Koderhan]

Doroti (28 Октябрь 2013 - 12:58) писал:

Все получилось, осталось подкорректировать

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

1. Не совсем понятен ваш вопрос. Вы хотите ограничить вывод краткого описания по горизонтали ?
Можно попробовать добавить в конец файла main.css код:

.goodsDataMainDescriptionShortBlock >div {
	max-width: 200px;
}

2. К сожалению нельзя проверить как именно у вас отображается цена в каталоге т.к нету примеров товара.

[Doroti]

1) не то, чтобы Модель:.... на одной строчке, Ордер:.... на другой стр, Габариты:...на следующей. как на картинке, и как сделать такую рамку

2) картинку вставила, чтобы например как на первых 2-х товарах, например чтоб всегда кнопка была внизу, а цена над ней

Прикрепленные изображения

• 
• 

[Vaccina]

1. Найдите в шаблоне "HTML" следующий код

<td class="goodsDataMainDescriptionShortBlock" colspan="2">
	<h4>Краткое описание</h4>
	<div>{GOODS_DESCRIPTION_SHORT}</div>
</td>

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

<td class="goodsDataMainDescriptionShortBlock" colspan="2">
<div style="border: 1px solid rgb(204, 204, 204); width: 200px; margin: 5px 10px; border-radius: 6px 6px 6px 6px;">
	<h4>Краткое описание</h4>
	<div>{GOODS_DESCRIPTION_SHORT}</div>
</div>
</td>

2. Найдите в файле стилей main.css следующий класс

.goodsListItemName {
	line-height: 1.2em;
	margin: 0;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0 2px;
}

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

.goodsListItemName {
  height: 3.2em;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  padding: 0 2px;
}

[Doroti]

Спасибо вам
Я так поняла, что с кратким описанием в товаре не получится сделать как хочется.может можно попробовать через таблицу

Прикрепленные изображения

• 

[Doroti]

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

[Koderhan]

Doroti (29 Октябрь 2013 - 14:20) писал:

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "style2.css".
Найти код:

.content > div {
		 opacity: 0;
		 padding: 10px 60px;
		 position: absolute;
		 top: 0px;
		 transition: all 0.3s linear 0s;
		 width: 100%;
		 z-index: 1;
}

Заменить:

.content > div {
		 opacity: 0;
		 padding: 10px 60px;
		 position: absolute;
		 top: 0px;
		 transition: all 0.3s linear 0s;
		 width: 94%;
		 z-index: 1;
		 height: 100%;
		 overflow-y: auto;
}

[Koderhan]

Doroti (29 Октябрь 2013 - 14:11) писал:

Спасибо вам
Я так поняла, что с кратким описанием в товаре не получится сделать как хочется.может можно попробовать через таблицу

И для того чтобы сделать вывод краткого описания товара таблицей.
Вообще то для подобного вывода описания есть характеристики товара. Можно просто заполнить характеристики товара.
Если же хотите в кратком описание товара вывести таблицу то ее можно вставить в поле ввода краткого описания в ввиде html кода. Например:

<table class="shortDescTable">
<tr>
  <td>
текст 1
  </td>
  <td>
текст 2
  </td>
<tr>
<tr>
  <td colspan="2">
текст 3
  </td>
</tr>
</table>

Подробнее.
http://htmlbook.ru/html/table

[Doroti]

еще пару проблем
1) в описании, описание выходит за рамки
2) в браузерах яндекс и експлоер, в каталоге кнопки "купить" выглядит не кнопкой, а просто словом

[Koderhan]

Doroti (29 Октябрь 2013 - 17:10) писал:

еще пару проблем
1) в описании, описание выходит за рамки
2) в браузерах яндекс и експлоер, в каталоге кнопки "купить" выглядит не кнопкой, а просто словом

Если описание выходить за приделы блока то тогда лучше вернуть нормальный скрол.


В файле "main.css".
Найти код:

.content > div {
				 opacity: 0;
				 padding: 10px 60px;
				 position: absolute;
				 top: 0px;
				 transition: all 0.3s linear 0s;
				 width: 94%;
				 z-index: 1;
				 height: 100%;
				 overflow-y: auto;
}

Заменить:

.content > div {
				 opacity: 0;
				 padding: 10px 60px;
				 position: absolute;
				 top: 0px;
				 transition: all 0.3s linear 0s;
				 width: 94%;
				 z-index: 1;
				 height: 100%;
}

У вас в раздел сайт -> редактор шаблонов.
Не загружен файл слайдера nyvo.css. Из-за этого могут возникать js ошибки.

[Doroti]

.content > div {
                                 opacity: 0;
                                 padding: 10px 60px;
                                 position: absolute;
                                 top: 0px;
                                 transition: all 0.3s linear 0s;
                                 width: 94%;
                                 z-index: 1;
                                 height: 100%;
                                 overflow-y: auto;
}

не нашла у себя такой код

Загрузила nyvo.css, но все еще не отображается.

Как правильно загрузить шапку? я загрузила фотку, вставила в main.css.Проблема, как заканчивается картинка, начинается повторение, и если браузер не во весь экран, то шапка сдвигается и прокрутив в права шапки нет.

[Koderhan]

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:

#headerWrap {height: 150px;background: url(http://vetpipi.storeland.net/Shapka.jpeg) repeat-x}

Заменить:

#headerWrap {
height: 150px;
background: url(http://vetpipi.storeland.net/Shapka.jpeg) repeat-x;
background-position: center center; /* изображение по центру */ 
background-repeat: no-repeat;/* не повторять */
}

[Egik]

Подскажите можно в карточке товара, описание поменять с характеристиками местами?

[Vaccina]

В шаблоне Товар найдите:

<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
  {% IFNOT goods_features_empty %}
	<h3>Характеристики {GOODS_NAME}</h3>
	<table class="goodsDataFeatures">
	  <tr>
		{% FOR goods_features%}
		  <td>
			<p><span>{goods_features.NAME}</span></p>
		  </td>
		  <td>
			{goods_features.VALUE}
		  </td>
		  {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table>
  {% ENDIF %}
  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->

переместите данный блок поставив выше:

<!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3>Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->