Отключен JavaScript

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

3

Перенос Модификации На Странице Товара

Автор JustTattoo, 15 марта 2014 12:42

Вперед

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

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

#1 JustTattoo

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

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

Отправлено 15 Март 2014 - 12:42

Помогите перенести блок выбора модификации товара в место как показано на скриншоте под кнопку Купить. И сделать его крупнее

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

Наверх

#2 MikDark

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

Модераторы
6 468 сообщений

Отправлено 15 Март 2014 - 17:47

JustTattoo (15 Март 2014 - 12:42) писал:

Помогите перенести блок выбора модификации товара в место как показано на скриншоте под кнопку Купить. И сделать его крупнее

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

<!-- Блок выбора модификаций для текущей товарной позиции -->
	 <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		 {% FOR goods_modifications_properties %}
	 <div class="goodsDataMainModificationsBlockProperty">
	 <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	 {% FOR values %}
	 <!-- Если это первый элемент в списке -->
	 {% IF goods_modifications_properties.values.first %}
		 <strong>{goods_modifications_properties.NAME}:</strong><br />
		 <select name="form[properties][]">
	 {% ENDIF %}
		 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
	 <!-- Если это последний элемент в списке -->
	 {% IF goods_modifications_properties.values.last %}
		 </select>
	 {% ENDIF %}
	 {% ENDFOR %}
	 </div>				
	 {goods_modifications_properties.index | is_divided("2","","")}
		 {% ENDFOR %}

		 <!-- Данные по модификациям для текущей товарной позиции -->
		 {% FOR goods_modifications %}
		 <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
	 <input type="hidden" name="id" value="{goods_modifications.ID}" />
	 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
	 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
	 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
	 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
	 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
	 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
	 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
	 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
	 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
	 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
	 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
	 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
		 </div>
		 {% ENDFOR %}
		
	 <!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	 {GOODS_MOD_DESCRIPTION}
	 </div>
</div>
	 </form>

и переместите его перед:

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->

Крупнее в каком плане? Шрифт у названия модификаций?

Наверх

#3 JustTattoo

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

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

Отправлено 16 Март 2014 - 15:03

MikDark (15 Март 2014 - 17:47) писал:

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

<!-- Блок выбора модификаций для текущей товарной позиции -->
	 <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		 {% FOR goods_modifications_properties %}
	 <div class="goodsDataMainModificationsBlockProperty">
	 <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	 {% FOR values %}
	 <!-- Если это первый элемент в списке -->
	 {% IF goods_modifications_properties.values.first %}
		 <strong>{goods_modifications_properties.NAME}:</strong><br />
		 <select name="form[properties][]">
	 {% ENDIF %}
		 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
	 <!-- Если это последний элемент в списке -->
	 {% IF goods_modifications_properties.values.last %}
		 </select>
	 {% ENDIF %}
	 {% ENDFOR %}
	 </div>				
	 {goods_modifications_properties.index | is_divided("2","","")}
		 {% ENDFOR %}

		 <!-- Данные по модификациям для текущей товарной позиции -->
		 {% FOR goods_modifications %}
		 <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
	 <input type="hidden" name="id" value="{goods_modifications.ID}" />
	 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
	 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
	 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
	 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
	 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
	 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
	 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
	 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
	 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
	 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
	 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
	 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
		 </div>
		 {% ENDFOR %}
		
	 <!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	 {GOODS_MOD_DESCRIPTION}
	 </div>
</div>
	 </form>

и переместите его перед:

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->

Крупнее в каком плане? Шрифт у названия модификаций?

Шрифт названия и значения самой модификации

Наверх

#4 daria_dnk

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

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

Отправлено 16 Март 2014 - 17:45

JustTattoo (16 Март 2014 - 15:03) писал:

Шрифт названия и значения самой модификации

Добрый день!

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

<strong>{goods_modifications_properties.NAME}:</strong><br />
		 <select name="form[properties][]">

добавьте в теги strong и select параметр style и пропишите в нем нужные Вам параметры шрифта. Например я изменю размер:

<strong style="font-size: 17pt">{goods_modifications_properties.NAME}:</strong><br />
		 <select style="font-size: 17pt" name="form[properties][]">

Так же можно изменять и другие параметры (см тут).

Наверх

#5 Ser

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

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

Отправлено 01 Апрель 2014 - 22:17

Добрый день.

1. Подскажите код переноса модификаций в строку по ширине?
2. Свойство модификации поднять повыше и где шрифт и цвет изменять?
3. Перенести кнопку купить в строку с ценой?
4. Добавить к сравнению и Добавить в избранное в строку?

Рисунок прикрепил.

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

Наверх

#6 empty9228

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

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

Отправлено 02 Апрель 2014 - 10:00

Здравствуйте,
1.
в конце файла main.css добавьте код

.goodsDataMainModificationsBlockProperty {
	width: 145PX;
	display: inline-block;
	padding-bottom: 20px;
}

2. в конце файла main.css добавьте

.goodsDataMainModificationsDescriptionBlock {
	color: #444444;
	font: 16px Arial;
}

color: - напишите то значение, которое вам нужно.
font: - размер шрифта и начертание.

3.
найдите в main. css

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 5px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;}

замените на

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 4px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;width: 300px;display: inline-block;}

найдите

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:62px;position:relative;}

замените на

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 0px 5px 0px 0px;margin-bottom: 5px; color: #4D4D4D; height: 61px;position:relative;width: 281px;display: inline-block;bottom: 15px;right: 6px;}

4.
в конце файла main.css добавьте

#addish1 {
	width: 281px;
	display: inline-block;
	padding-right: 0px;
}
#addish {
	width: 297px;
	display: inline-block;
	position: relative;
	left: 5px;
}[/size]
[size=4]

Наверх

#7 Ser

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

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

Отправлено 02 Апрель 2014 - 13:15

empty9228 (02 Апрель 2014 - 10:00) писал:

Здравствуйте,
1.
в конце файла main.css добавьте код

.goodsDataMainModificationsBlockProperty {
width: 145PX;
display: inline-block;
padding-bottom: 20px;
}

2. в конце файла main.css добавьте

.goodsDataMainModificationsDescriptionBlock {
color: #444444;
font: 16px Arial;
}

color: - напишите то значение, которое вам нужно.
font: - размер шрифта и начертание.

3.
найдите в main. css

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 5px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;}

замените на

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 4px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;width: 300px;display: inline-block;}

найдите

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:62px;position:relative;}

замените на

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 0px 5px 0px 0px;margin-bottom: 5px; color: #4D4D4D; height: 61px;position:relative;width: 281px;display: inline-block;bottom: 15px;right: 6px;}

4.
в конце файла main.css добавьте

#addish1 {
width: 281px;
display: inline-block;
padding-right: 0px;
}
#addish {
width: 297px;
display: inline-block;
position: relative;
left: 5px;
}[/size]
[size=4]

Еще подскажите

1. По первому вопросу, значение РХ 145 заменил на РХ 210 не очень удобно,
2 . В модификаторах уменьшить нижний отступ.
3. Иконки Добавить в избранное и сравнение поднять повыше.

4. Слайдер на разрешении 1920 х 1080 съехал, как сделать по центру всегда при любом разрешении?

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

Наверх

#8 MikDark

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

Модераторы
6 468 сообщений

Отправлено 02 Апрель 2014 - 13:39

1) Если Вам нужно сбоку от каждой модификации сделать отступ в 5 px, то в main.css найдите код:

.goodsDataMainModificationsBlockProperty {
width: 210PX;
display: inline-block;
padding-bottom: 10px;
}

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

.goodsDataMainModificationsBlockProperty {
width: 210PX;
display: inline-block;
padding-bottom: 10px;
margin-right: 5px;
}

2) За нижний отступ в модификация отвечает параметр padding-bottom из кода выше.

3) В main.css находим код:

.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 3px 7px 3px;
margin-bottom: 20px;
font-size: 24px;
color: #333333;
width: 300px;
display: inline-block;
}

и меняем на:

.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 3px 7px 3px;
margin-bottom: 5px;
font-size: 24px;
color: #333333;
width: 300px;
display: inline-block;
}

А код:

.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 0px 0px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
width: 281px;
display: inline-block;
bottom: 15px;
right: 6px;
}

меняем на:

.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 0px 0px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
width: 281px;
display: inline-block;
bottom: 0px;
right: 6px;
}

Наверх

#9 Ser

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

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

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

MikDark (02 Апрель 2014 - 13:39) писал:

1) Если Вам нужно сбоку от каждой модификации сделать отступ в 5 px, то в main.css найдите код:

.goodsDataMainModificationsBlockProperty {
width: 210PX;
display: inline-block;
padding-bottom: 10px;
}

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

.goodsDataMainModificationsBlockProperty {
width: 210PX;
display: inline-block;
padding-bottom: 10px;
margin-right: 5px;
}

2) За нижний отступ в модификация отвечает параметр padding-bottom из кода выше.

3) В main.css находим код:

.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 3px 7px 3px;
margin-bottom: 20px;
font-size: 24px;
color: #333333;
width: 300px;
display: inline-block;
}

и меняем на:

.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 3px 7px 3px;
margin-bottom: 5px;
font-size: 24px;
color: #333333;
width: 300px;
display: inline-block;
}

А код:

.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 0px 0px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
width: 281px;
display: inline-block;
bottom: 15px;
right: 6px;
}

меняем на:

.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 0px 0px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
width: 281px;
display: inline-block;
bottom: 0px;
right: 6px;
}

Вопросы 2 и 3 решены, остались 1 и 4
по первому не работает отступ 5РХ

по 4 ответа не получил
5. Подтянуть вверх модификаторы в карточке товара, рис приложил.

Очень жду!!! рис приложил по вопросу 1

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

Наверх

#10 MikDark

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

Модераторы
6 468 сообщений

Отправлено 02 Апрель 2014 - 16:38

Ser (02 Апрель 2014 - 15:07) писал:

Вопросы 2 и 3 решены, остались 1 и 4
по первому не работает отступ 5РХ

по 4 ответа не получил
5. Подтянуть вверх модификаторы в карточке товара, рис приложил.

Очень жду!!! рис приложил по вопросу 1

1) Измените тогда в том коде, который вставили: margin-right: 5px; на margin-right: 30px;

4) Для разных размеров выставить не получится. Вам нужно указывать размеры каждого изображения( width и height ) в шаблоне HTML в этом коде:

{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="slide 1" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="slide 2" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="slide 3" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="slide 4" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide5.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide5.png" alt="slide 5" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide6.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide6.png" alt="slide 6" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide7.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide7.png" alt="slide 7" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide8.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide8.png" alt="slide 8" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide9.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide9.png" alt="slide 9" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide10.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide10.png" alt="slide 10" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide11.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide11.png" alt="slide 11" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide12.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide12.png" alt="slide 12" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide13.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide13.png" alt="slide 13" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide14.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide14.png" alt="slide 14" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide15.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide15.png" alt="slide 15" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide16.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide16.png" alt="slide 16" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide17.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide17.png" alt="slide 17" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide18.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide18.png" alt="slide 18" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide19.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide19.png" alt="slide 19" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем  у slide№ и размножаем код по колво фото-->
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide20.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide20.png" alt="slide 20" class="slide_img">
				</li>
				 <li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide21.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide21.png" alt="slide 21" class="slide_img">
				</li>
				 <li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide22.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide22.png" alt="slide 22" class="slide_img">
				</li>
				 <li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide23.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide23.png" alt="slide 23" class="slide_img">
				</li>
				 <li>
				  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide24.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide24.png" alt="slide 24" class="slide_img">
				</li>
			   </ul>
			</div>
		  </div>
		{% ENDIF %}

Ser (02 Апрель 2014 - 15:07) писал:

Вопросы 2 и 3 решены, остались 1 и 4
по первому не работает отступ 5РХ

по 4 ответа не получил
5. Подтянуть вверх модификаторы в карточке товара, рис приложил.

Очень жду!!! рис приложил по вопросу 1

5) Найдите в main.css код:

.filter {
display: inline-block;
padding-right: 10px;
vertical-align: top;
margin-top: 15px;
}

и замените на

.filter {
display: inline-block;
padding-right: 10px;
vertical-align: top;
}

Далее код:

label_2 {
float: left;
margin-top: 15px;
color: #333;
}

замените на:

label_2 {
float: left;
color: #333;
}

и код:

.product-filter {
padding: 15px 10px 15px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
margin-bottom: 15px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
float: left;
width: 97%;
}

заменить на

.product-filter {
padding: 0px 10px 15px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
margin-bottom: 15px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
float: left;
width: 97%;
}

Наверх

#11 Ser

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

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

Отправлено 02 Апрель 2014 - 20:19

MikDark (02 Апрель 2014 - 16:38) писал:

1) Измените тогда в том коде, который вставили: margin-right: 5px; на margin-right: 30px;

4) Для разных размеров выставить не получится. Вам нужно указывать размеры каждого изображения( width и height ) в шаблоне HTML в этом коде:

{% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="slide 1" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="slide 2" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="slide 3" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="slide 4" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide5.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide5.png" alt="slide 5" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide6.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide6.png" alt="slide 6" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide7.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide7.png" alt="slide 7" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide8.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide8.png" alt="slide 8" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide9.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide9.png" alt="slide 9" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide10.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide10.png" alt="slide 10" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide11.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide11.png" alt="slide 11" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide12.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide12.png" alt="slide 12" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide13.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide13.png" alt="slide 13" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide14.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide14.png" alt="slide 14" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide15.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide15.png" alt="slide 15" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide16.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide16.png" alt="slide 16" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide17.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide17.png" alt="slide 17" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide18.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide18.png" alt="slide 18" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide19.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide19.png" alt="slide 19" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide20.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide20.png" alt="slide 20" class="slide_img">
			 </li>
				 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide21.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide21.png" alt="slide 21" class="slide_img">
			 </li>
				 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide22.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide22.png" alt="slide 22" class="slide_img">
			 </li>
				 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide23.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide23.png" alt="slide 23" class="slide_img">
			 </li>
				 <li>
				 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide24.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide24.png" alt="slide 24" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}

5) Найдите в main.css код:

.filter {
display: inline-block;
padding-right: 10px;
vertical-align: top;
margin-top: 15px;
}

и замените на

.filter {
display: inline-block;
padding-right: 10px;
vertical-align: top;
}

Далее код:

label_2 {
float: left;
margin-top: 15px;
color: #333;
}

замените на:

label_2 {
float: left;
color: #333;
}

и код:

.product-filter {
padding: 15px 10px 15px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
margin-bottom: 15px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
float: left;
width: 97%;
}

заменить на

.product-filter {
padding: 0px 10px 15px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border-bottom: 4px solid #e1e1e1;
margin-bottom: 15px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #e1e1e1\0/;
float: left;
width: 97%;
}

MikDark
Подскажите этот код менять надо, а точнее 1920рх или что-то другое???

<li>
                                  <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide20.png) no-repeat;"></div>
                                  <img src="{ASSETS_IMAGES_PATH}slide20.png" alt="slide 20" class="slide_img">
                                </li>

Наверх

#12 MikDark

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

Модераторы
6 468 сообщений

Отправлено 02 Апрель 2014 - 20:32

Ser (02 Апрель 2014 - 20:19) писал:

MikDark
Подскажите этот код менять надо, а точнее 1920рх или что-то другое???

<li>
<div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide20.png) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide20.png" alt="slide 20" class="slide_img">
</li>

В каждой из таких строчек меняете width (ширина изображения) и height (высота изображения). Для примера, допустим у нас слайд 5 имеет размеры 600*300. Меняем код:

<li>
								 <div class="bigPic" style="width: 1920px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide5.png) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slide5.png" alt="slide 5" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
						 </li>

на

<li>
								 <div class="bigPic" style="width: 600px; height: 300px; background:url({ASSETS_IMAGES_PATH}slide5.png) no-repeat;"></div>
								 <img src="{ASSETS_IMAGES_PATH}slide5.png" alt="slide 5" class="slide_img"><!--Код для вставки фоток в лайдер, заменяем у slide№ и размножаем код по колво фото-->
						 </li>

Наверх

#13 Ser

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

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

Отправлено 03 Апрель 2014 - 23:27

empty9228 (02 Апрель 2014 - 10:00) писал:

Здравствуйте,
1.
в конце файла main.css добавьте код

.goodsDataMainModificationsBlockProperty {
width: 145PX;
display: inline-block;
padding-bottom: 20px;
}

2. в конце файла main.css добавьте

.goodsDataMainModificationsDescriptionBlock {
color: #444444;
font: 16px Arial;
}

color: - напишите то значение, которое вам нужно.
font: - размер шрифта и начертание.

3.
найдите в main. css

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 5px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;}

замените на

.product-info .price {overflow: auto;border-bottom: 1px solid #E7E7E7;padding: 0px 4px 10px 5px;margin-bottom: 20px;font-size: 24px;color: #333333;width: 300px;display: inline-block;}

найдите

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:62px;position:relative;}

замените на

.product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 0px 5px 0px 0px;margin-bottom: 5px; color: #4D4D4D; height: 61px;position:relative;width: 281px;display: inline-block;bottom: 15px;right: 6px;}

4.
в конце файла main.css добавьте

#addish1 {
width: 281px;
display: inline-block;
padding-right: 0px;
}
#addish {
width: 297px;
display: inline-block;
position: relative;
left: 5px;
}[/size]
[size=4]

Здравствуйте empty9228.

Помогите кнопка купить сдвинулась ???

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

Наверх

#14 Vaccina

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

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

Отправлено 04 Апрель 2014 - 01:35

В main.css найдите строку:

.product-info .cart {

после нее вставьте

float:right;

Наверх

#15 aoriya

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

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

Отправлено 27 Май 2014 - 01:22

Здравствуйте.
все сделала, как во 2 сообщении, проверяла дважды - блок модификаций пропадает.
Это может быть связано с тем, что я сделала, чтобы базовая модификация тоже выводилась, если она одна?
Как быть?

Наверх

#16 Castiel

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

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

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

Отправлено 27 Май 2014 - 12:51

aoriya (27 Май 2014 - 01:22) писал:

Здравствуйте.
все сделала, как во 2 сообщении, проверяла дважды - блок модификаций пропадает.
Это может быть связано с тем, что я сделала, чтобы базовая модификация тоже выводилась, если она одна?
Как быть?

Здравствуйте, попробуйте такой вариант

В шаблоне "Товар"
Находим и вырезаем:

<!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" >
		  {% FOR goods_modifications_properties %}
   <div class="goodsDataMainModificationsBlockProperty">
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %} 
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
 <strong>{goods_modifications_properties.NAME}:</strong><br />
 <select name="form[properties][]">
{% ENDIF %}
   <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
<!-- Если это последний элемент в списке -->
{% IF goods_modifications_properties.values.last %}
 </select>
{% ENDIF %}
 {% ENDFOR %}
   </div>				  
{goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}

		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
<input type="hidden" name="id" value="{goods_modifications.ID}" />
<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
			</div>
		  {% ENDFOR %}

<!-- Блок описания модификации -->
<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
{GOODS_MOD_DESCRIPTION}
</div>
</div>

Вставляем вырезанный код после:

<div>
			<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
		 <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
	   <span class="qty-plus">+</span>
	 </div>
			<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		  </div>

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

  .product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:62px;position:relative;}

Заменить:

  .product-info .cart {border-bottom: 1px solid #E7E7E7;padding: 12px 5px 10px 5px;margin-bottom: 5px; color: #4D4D4D; height:125px;position:relative;}

В конец файла "main.css".
Добавить код:

.goodsDataMainModificationsBlock {margin-top: 45px;position: absolute;border: 0;}

Наверх

#17 aoriya

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

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

Отправлено 27 Май 2014 - 16:21

Здравствуйте.
Все сделала, но появилось только свободное место под кнопкой купить, а модификации не появились http://xn----7sbbaod...uzhnaya-zebra-4

Наверх

#18 Vaccina

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

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

Отправлено 28 Май 2014 - 03:28

Код, вырезанный выше вставьте после указанного выше блока, он дублируется, вставьте в начале после 130 строки.
Также попробуйте добавить к товару 2ую модификацию для проверки, если опять не отобразится, то попробуйте восстановить код модификаций:

<!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  {% FOR goods_modifications_properties %}
	  <div class="goodsDataMainModificationsBlockProperty">
	   <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	   {% FOR values %}
		<!-- Если это первый элемент в списке -->
		{% IF goods_modifications_properties.values.first %}
		  <strong>{goods_modifications_properties.NAME}:</strong><br />
		  <select name="form[properties][]">
		{% ENDIF %}
			<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
		<!-- Если это последний элемент в списке -->
		{% IF goods_modifications_properties.values.last %}
		  </select>
		{% ENDIF %}
		{% ENDFOR %}
		</div>				 
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
 
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
	   <input type="hidden" name="id" value="{goods_modifications.ID}" />
	   <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
	   <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
	   <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
	   <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
	   <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
	   <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
	   <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
	   <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
	   <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
	   <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
	   <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
	   <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
			</div>
		  {% ENDFOR %}
		   
	 <!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	  {GOODS_MOD_DESCRIPTION}
	 </div>
	</div>

Наверх

#19 aoriya

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

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

Отправлено 28 Май 2014 - 18:31

Модификации, даже базовые появились, но накладываются на описание http://xn----7sbbaod...mod_id=59771178

Наверх

#20 Vaccina

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

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

Отправлено 29 Май 2014 - 03:54

В main.css найдите:

.goodsDataMainModificationsBlock {
	border: 0 none;
	margin-top: 45px;
	position: absolute;
}

замените на:

.goodsDataMainModificationsBlock {
	border: 0 none;
	margin-top: 45px;
}

Наверх

Вперед

Обратно в Страница товара

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

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

Перенос Модификации На Странице Товара

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

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

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

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

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

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

Войти

Google поиск