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

[sd62]

При выборе товара покупателем нужны картинки( фото образцов ткани) без них выбор продукта невозможен. Покупатель должен выбрать размер и цвет товара по картинке и это должно уйти в корзину.Как это можно сделать в модификациях товара?

[Danil]

sd62 (25 Март 2015 - 10:58) писал:

При выборе товара покупателем нужны картинки( фото образцов ткани) без них выбор продукта невозможен. Покупатель должен выбрать размер и цвет товара по картинке и это должно уйти в корзину.Как это можно сделать в модификациях товара?

Здравствуйте.
Вы можете добавить изображение для модификаций, в описание модификаций используя следующую структуру:

<img src="Ссылка на изображение">

[sd62]

Тогда появляются только миниатюры цвета,но они не активны и не выделяются при наведении на них мышкой,т.е. нет выбора этого цвета

[Vaccina]

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

[sd62]

Да, устраивает. Вот ссылка : http://dominicshop.r...mod_id=75818813

[sd62]

Что-то не пойму зачем я ссылку давал?!

[Vaccina]

Для начала необходимо изменить тип выбора модификации с select на radio. В шаблоне Товар найдите:

{% FOR goods_modifications_properties %}
<td 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 %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}

замените на:

<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
																												 {% FOR values %}

																																 <!-- Если это первый элемент в списке -->
																																 {% IF goods_modifications_properties.values.first %}
																																		 <span class="goodsDataMainModificationsRadio">
																																		 <strong>{goods_modifications_properties.NAME}:</strong><br />
																																 {% ENDIF %}
																																 <input type="radio" id="{goods_modifications_properties.values.ID}" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> <label for="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</label>
																																 {% IF goods_modifications_properties.values.last %}
																																		 </span>
																																 {% ENDIF %}

																												 {% ENDFOR %}

																										 </td>

																										 {goods_modifications_properties.index | is_divided("2","</tr><tr>","")}

														</td>

														{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
												  {% ENDFOR %}

Далее в main.js найдите:

// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
$(obj).each(function(i){
	 properties[i] = parseInt($(this).val());
});
return properties.sort(function(a,B){return a - b}).join('_');
}

замените на:

// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
var reset_arr = new Array();
$(obj).find('input[type="radio"]').each(function(i){
if($(this).is(':checked')){
properties[i] = parseInt($(this).val());}
});
for(var i in properties) {
if(properties[i]) {
reset_arr.push(properties[i]);
}
}
return reset_arr.sort(function(a,B){return a - b}).join('_');
}

далее в измененном блоке выше измените B на b

Далее найдите:

// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),

// Запоминаем блоки с информацией по модификациям, для ускорения работы
goodsDataModifications = $('div.goodsDataMainModificationsList');

замените на:

// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
	 goodsDataProperties = $('.goodsDataMainModificationsBlock .goodsDataMainModificationsRadio'),
	
	 // Запоминаем блоки с информацией по модификациям, для ускорения работы
	 goodsDataModifications = $('div.goodsDataMainModificationsList');

Далее в main.css добавьте:

.goodsDataMainModificationsBlockProperty input:checked + label {
border: 1px solid #72d300;
}
.goodsDataMainModificationsBlockProperty input + label {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
height: 45px;
line-height: 45px;
margin: 4px;
text-align: center;
width: 85px;
}
.goodsDataMainModificationsBlockProperty input {
display: none;
}

а в конец main.js добавьте:

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
	 var name = $.trim($(this).text());
	 if(name in colors) {
		 $(this).css({
			 'backgroundColor': colors[name]
		 });
	 }
});
});

Дополнительные изменения подобной реализации обсуждались в следующей теме:
http://forum.storela...140#entry139189

[sd62]

Круто, буду пробовать.Спасибо

[sd62]

Единственное, а где подставлять свои картинки цвета?

Здесь? var colors ={'Коричневый':'brown','Серый':'gray','Черный':'black','Камуфляж':'url("адрес изображения")'};

[Vaccina]

Исходя из вашего примера в последнем сообщении, для картинки использовали свойство модификации "Камуфляж", вместо "адрес изображения"" необходимо вписать ссылку на картинку, картинку загрузите в раздел Сайт - Редактор шаблонов или Файлы

[sd62]

а как вернуться обратно к старому варианту модификаций ,если мне не понравится этот вариант (так на всякий случай)

[Alekseys]

sd62 (09 Апрель 2015 - 09:42) писал:

а как вернуться обратно к старому варианту модификаций ,если мне не понравится этот вариант (так на всякий случай)

Здравствуйте. Перед изменениями создайте бэкап шаблона. В случае, если Вас не устроят изменения, произведите их в обратном порядке, либо восстановите шаблон из бэкапа. Создается и восстанавливается бэкап в нижней левой части страницы редактора шаблонов.

[Cybernetic]

Добрый день

Нужно реализовать способ покупки товара с дополнительными сопутствующими товарами, для этого нужно включить выбор по модификациям(выключали давно) и вставить его в низ карточки товара.
Желательно сделать так как допустим тут - http://www.eburg3tn.ru/8105 обратите на способ выбора по комплектации с изменением цены, нам нужно то же самое или эквивалентный способ, ОЧЕНЬ НУЖНО. Помогите пожалуйста.

Ответьте пожалуйста

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

• 

Сообщение отредактировал Cybernetic: 07 Май 2015 - 08:08

[Cybernetic]

Добрый день.

Ответьте пожалуйста на верхний пост.

Хотя бы напишите что нибудь...жду больше недели!

[Ирина345]

Cybernetic (06 Май 2015 - 09:05) писал:

Добрый день

Нужно реализовать способ покупки товара с дополнительными сопутствующими товарами, для этого нужно включить выбор по модификациям(выключали давно) и вставить его в низ карточки товара.
Желательно сделать так как допустим тут - http://www.eburg3tn.ru/8105 обратите на способ выбора по комплектации с изменением цены, нам нужно то же самое или эквивалентный способ, ОЧЕНЬ НУЖНО. Помогите пожалуйста.

Ответьте пожалуйста

Здравствуйте, фильтры работают только с товарами, которые находяться в категории, на странице товара, к сожалению,  фильтры работать не будет.

[tizersar]

Доброго времени суток!

Как можно изменить шаг количества товара.
К примеру есть товары которые продаются поштучно, но некоторые товары продаются с определенным шагом количества (100 шт. 200 шт. 300 шт. и т.д.). Можно ли изменять это свойство для отдельных товаров?

[RayLi]

tizersar (16 Май 2015 - 14:32) писал:

Доброго времени суток!

Как можно изменить шаг количества товара.
К примеру есть товары которые продаются поштучно, но некоторые товары продаются с определенным шагом количества (100 шт. 200 шт. 300 шт. и т.д.). Можно ли изменять это свойство для отдельных товаров?

Здравствуйте.
Для начала сообщите нам, пожалуйста, номер вашего аккаунта.
Спасибо.

[Ingleest]

Vaccina (07 Апрель 2015 - 05:17) писал:

Для начала необходимо изменить тип выбора модификации с select на radio. В шаблоне Товар найдите:

{% FOR goods_modifications_properties %}
<td 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 %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}

замените на:

<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}

<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<span class="goodsDataMainModificationsRadio">
<strong>{goods_modifications_properties.NAME}:</strong><br />
{% ENDIF %}
<input type="radio" id="{goods_modifications_properties.values.ID}" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> <label for="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</label>
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}

{% ENDFOR %}

</td>

{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}

</td>

{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}

Далее в main.js найдите:

// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
$(obj).each(function(i){
	 properties[i] = parseInt($(this).val());
});
return properties.sort(function(a,B){return a - b}).join('_');
}

замените на:

// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
var reset_arr = new Array();
$(obj).find('input[type="radio"]').each(function(i){
if($(this).is(':checked')){
properties[i] = parseInt($(this).val());}
});
for(var i in properties) {
if(properties[i]) {
reset_arr.push(properties[i]);
}
}
return reset_arr.sort(function(a,B){return a - b}).join('_');
}

далее в измененном блоке выше измените B на b

Далее найдите:

// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),

// Запоминаем блоки с информацией по модификациям, для ускорения работы
goodsDataModifications = $('div.goodsDataMainModificationsList');

замените на:

// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
	 goodsDataProperties = $('.goodsDataMainModificationsBlock .goodsDataMainModificationsRadio'),
	
	 // Запоминаем блоки с информацией по модификациям, для ускорения работы
	 goodsDataModifications = $('div.goodsDataMainModificationsList');

Далее в main.css добавьте:

.goodsDataMainModificationsBlockProperty input:checked + label {
border: 1px solid #72d300;
}
.goodsDataMainModificationsBlockProperty input + label {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
height: 45px;
line-height: 45px;
margin: 4px;
text-align: center;
width: 85px;
}
.goodsDataMainModificationsBlockProperty input {
display: none;
}

а в конец main.js добавьте:

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
	 var name = $.trim($(this).text());
	 if(name in colors) {
		 $(this).css({
			 'backgroundColor': colors[name]
		 });
	 }
});
});

Дополнительные изменения подобной реализации обсуждались в следующей теме:
http://forum.storela...140#entry139189

Помогите, пожалуйста. Я все это сделал, и все равно не работает. Какая-то белиберда получилась. Аккаунт 369426. Шаблон "спорт". Страница товара "Banks"

[Юля123]

Ingleest (18 Декабрь 2015 - 13:51) писал:

Помогите, пожалуйста. Я все это сделал, и все равно не работает. Какая-то белиберда получилась. Аккаунт 369426. Шаблон "спорт". Страница товара "Banks"

Здравствуйте, вам нужно добавить картинку в редакторе шаблонов.


В main.js. в строке

var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Autumn Gold': 'url("http://st.storeland.net/9/1788/075/Wool-Plaid-Autumn-Gold_300px_300px_cropped.jpg")'};

вставить ссылку на это изображение вместо "http://st.storeland....px_cropped.jpg"

Чтобы получить эту ссылку, вам необходимо нажать на вот такой значок, напротив изображения (появляется при наведении на имя изображения в разделе "Изображения" )



появится окно со ссылками, Вам нужна вторая, которая называется "Пример ссылки для шаблонов:"
Кавычки не нужны.

[Ingleest]

Юля123 (18 Декабрь 2015 - 15:22) писал:

Здравствуйте, вам нужно добавить картинку в редакторе шаблонов.
QIP Shot - Screen 009.png

В main.js. в строке

var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Autumn Gold': 'url("http://st.storeland.net/9/1788/075/Wool-Plaid-Autumn-Gold_300px_300px_cropped.jpg")'};

вставить ссылку на это изображение вместо "http://st.storeland....px_cropped.jpg"

Чтобы получить эту ссылку, вам необходимо нажать на вот такой значок, напротив изображения (появляется при наведении на имя изображения в разделе "Изображения" )
QIP Shot - Screen 011.png

У меня такая картинка просто торчит рядом с названием, как видно на скриншоте. И ничего дополнительно не появляется при наведении. Может, версия сайта как-то отличается?

Цитата

появится окно со ссылками, Вам нужна вторая, которая называется "Пример ссылки для шаблонов:"
Кавычки не нужны.

Большое спасибо за ответ. Одно "но": выходит только один тип ссылки на изображение - прямая ссылка. Вот так:

И больше никаких ссылок нет.