Отключен JavaScript

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

2

Модификации Товара

Автор sd62, 25 марта 2015 10:58

Назад

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

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

#21 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 18 Декабрь 2015 - 16:16

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

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

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

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

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

  <div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
<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 %}

замените на

<!-- Модификации -->
	  <div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
<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 | htmlspecialchars_decode }</label>
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}
{% ENDFOR %}
	  </div>
{% ENDFOR %}

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

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

замените на

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black', 'Toffee Apple': 'url(http://st.storeland.net/12/1788/806/.jpg)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
		 var name = $.trim($(this).text());
		 if(name in colors) {
				 $(this).css({
						 'background': colors[name]
				 });
				
		 }
		
});
});

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

, 'Toffee Apple': 'url(http://st.storeland.net/12/1788/806/.jpg)'

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

, 'название цвета':'url(ссылка на ваше изображение)'

Наверх

#22 Ingleest

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

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

ГородTallinn

Отправлено 18 Декабрь 2015 - 17:14

Ирина345 (18 Декабрь 2015 - 16:16) писал:

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

<div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
<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 %}

замените на

<!-- Модификации -->
	 <div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
<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 | htmlspecialchars_decode }</label>
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}
{% ENDFOR %}
	 </div>
{% ENDFOR %}

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

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

замените на

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black', 'Toffee Apple': 'url(http://st.storeland.net/12/1788/806/.jpg)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
		 var name = $.trim($(this).text());
		 if(name in colors) {
				 $(this).css({
						 'background': colors[name]
				 });
				
		 }
		
});
});

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

, 'Toffee Apple': 'url(http://st.storeland.net/12/1788/806/.jpg)'

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

, 'название цвета':'url(ссылка на ваше изображение)'

Спасибо, что помогаете. Удалось вывести рамку картинки на страницу. Но не получается вывести саму картинку на экран.
И я не понял, как вставить свои названия в список для модификации. Это надо делать в mail.js здесь?

,var colors = {'Toffee Apple': 'url([url="http://st.storeland.net/12/1788/107/.jpg"]http://st.storeland....2/1788/107/.jpg[/url])' , 'название цвета':'url(ссылка на ваше изображение)'}; '

Сообщение отредактировал Ingleest: 18 Декабрь 2015 - 19:26

Наверх

#23 Ingleest

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

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

ГородTallinn

Отправлено 18 Декабрь 2015 - 19:06

Помогите, пожалуйста!! Вышли только рамки от картинок. Осталось сделать набор картинок и вывести их на сайт! КАК?? :-)

Наверх

#24 Юля123

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

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

Отправлено 18 Декабрь 2015 - 19:48

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

Помогите, пожалуйста!! Вышли только рамки от картинок. Осталось сделать набор картинок и вывести их на сайт! КАК?? :-)

Попробуйте в main.js найти

'Toffee Apple': 'url(http://st.storeland.net/12/1788/806/.jpg)'

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

'Toffee Apple': 'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)'

Наверх

#25 Ingleest

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

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

ГородTallinn

Отправлено 18 Декабрь 2015 - 20:01

Не помогло, это я уже сделал :-)

Наверх

#26 Юля123

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

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

Отправлено 18 Декабрь 2015 - 20:30

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

Не помогло, это я уже сделал :-)

sergrider (18 Декабрь 2015 - 17:27) писал:

С этого шага и так много уходят. А тут еще будет, подождите.

И до этого было в оформлении 5 шагов. Один шаг убрали еще давно. Ну или скрыли совсем.
все же нормально работает. А почему тут тогда не получится?

Вариант доставки шаг был.

Тогда в main.js найдите и удалите код:

$(function() {
var colors = {'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
				 var name = $.trim($(this).text());
				 if(name in colors) {
								 $(this).css({
												 'background': colors[name]
								 });
							
				 }
			
});
});

Затем в шаблоне Товар, в самом конце добавьте:

<script>
$(function() {
var colors = {'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
				 var name = $.trim($(this).text());
				 if(name in colors) {
								 $(this).css({
												 'background': colors[name]
								 });
							
				 }
			
});
});
</script>

Когда добавляете новую модификацию, в этом коде вместо "название цвета" пишите название новой модификации, вместо 'url(ссылка на ваше изображение)' вставляете ссылку на изображение, как я описала вам выше. Не забывайте добавлять изображения в редакторе шаблонов.

Наверх

#27 Ingleest

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

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

ГородTallinn

Отправлено 19 Декабрь 2015 - 10:49

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

Тогда в main.js найдите и удалите код:

$(function() {
var colors = {'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
				 var name = $.trim($(this).text());
				 if(name in colors) {
								 $(this).css({
												 'background': colors[name]
								 });
							
				 }
			
});
});

Затем в шаблоне Товар, в самом конце добавьте:

<script>
$(function() {
var colors = {'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
				 var name = $.trim($(this).text());
				 if(name in colors) {
								 $(this).css({
												 'background': colors[name]
								 });
							
				 }
			
});
});
</script>

Когда добавляете новую модификацию, в этом коде вместо "название цвета" пишите название новой модификации, вместо 'url(ссылка на ваше изображение)' вставляете ссылку на изображение, как я описала вам выше. Не забывайте добавлять изображения в редакторе шаблонов.

Супер! Получилось! :-) Спасибо большое

Наверх

#28 Ingleest

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

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

ГородTallinn

Отправлено 20 Декабрь 2015 - 02:22

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

Тогда в main.js найдите и удалите код:

Затем в шаблоне Товар, в самом конце добавьте:

<script></script>

Когда добавляете новую модификацию, в этом коде вместо "название цвета" пишите название новой модификации, вместо 'url(ссылка на ваше изображение)' вставляете ссылку на изображение, как я описала вам выше. Не забывайте добавлять изображения в редакторе шаблонов.

У меня что-то пошло не так. Добавил все цвета в Редактор Шаблонов, добавил в этот скрипт эти цвета и ссылки на их файлы, а они не показываются в списке в модификациях и на странице товара снова пропали те две картинки и выскочило сообщение:

Наверх

#29 Ingleest

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

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

ГородTallinn

Отправлено 21 Декабрь 2015 - 16:06

Друзья, не могу закрыть тему, потому что так ничего и не вышло. Сейчас код висит в шаблоне Товар, но он никак не повлиял на магазин. Попробую другую тему. Может, этот код будет работать там?

Сообщение отредактировал Ingleest: 22 Декабрь 2015 - 16:00

Наверх

#30 Ingleest

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

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

ГородTallinn

Отправлено 22 Декабрь 2015 - 16:33

Интересно... Что-то получилось. Вышли квадратики. И хотя в списке модификаций нет нужных названий, но вручную добавляя их, я добавляю их на сайте. Хоть так!! Второй вопрос - как теперь убрать название материала из картинки и написать его под картинкой? Вот оригинал, как хотелось бы испролнить: http://www.tetrad.co...attersea-chair/

Наверх

#31 Юля123

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

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

Отправлено 22 Декабрь 2015 - 16:51

Ingleest (22 Декабрь 2015 - 16:33) писал:

Интересно... Что-то получилось. Вышли квадратики. И хотя в списке модификаций нет нужных названий, но вручную добавляя их, я добавляю их на сайте. Хоть так!! Второй вопрос - как теперь убрать название материала из картинки и написать его под картинкой? Вот оригинал, как хотелось бы испролнить: http://www.tetrad.co...attersea-chair/

Здравствуйте, чтобы поправить работу скрипта в шаблоне товар найдите код:

<script>
$(function() {
var colors = {'Winter Pine':'url({ASSETS_IMAGES_PATH}winterPINE.jpg)', 'Wedgewood':'url({ASSETS_IMAGES_PATH}wedgewood.jpg)',
'Peat Herringbone':'url({ASSETS_IMAGES_PATH}peatHERRINGBONE.jpg)', 'Loden Herringbone':'url({ASSETS_IMAGES_PATH}lodenHERRINGBONE.jpg)',
'Heather':'url({ASSETS_IMAGES_PATH}heather.jpg)', 'Granite Herringbone':'url({ASSETS_IMAGES_PATH}graniteHERRINGBONE.jpg)',
'Galveston Bark':'url({ASSETS_IMAGES_PATH}galvestonBARK.jpg)', 'Damson':'url({ASSETS_IMAGES_PATH}damson.jpg)', 'Cream':'url({ASSETS_IMAGES_PATH}cream.jpg)',
'Coffee':'url({ASSETS_IMAGES_PATH}coffee.jpg)', 'Clay':'url({ASSETS_IMAGES_PATH}clay.jpg)', 'Atlantis Blue':'url({ASSETS_IMAGES_PATH}atlantisBLUE.jpg)',
'Chocolate':'url({ASSETS_IMAGES_PATH}chocolate.jpg)', 'Brunel Plain Steel':'url({ASSETS_IMAGES_PATH}brunel-plain-steel.jpg)',
'Brunel Check Steel':'url({ASSETS_IMAGES_PATH}brunel-check-steel.jpg)', 'Bracken Herringbone':'url({ASSETS_IMAGES_PATH}brackenHerringbone.jpg)',
'Basalt Stripe':'url({ASSETS_IMAGES_PATH}basalt-stripe.jpg)', 'Basalt Herringbone':'url({ASSETS_IMAGES_PATH}basalt-herringbone.jpg)',
'Wool Plaid Olive Grove':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Olive-Grove.jpg)', 'Wool Plaid Autumn Gold':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Gold.jpg)',
'Wool Plaid Autumn Berry':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Berry.jpg)', 'Wool Herringbone Thistle':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Thistle.jpg)',
'Wool Herringbone Paprika':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Paprika.jpg)', 'Wool Herringbone Mustard':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Mustard.jpg)',
'Winter Check':'url({ASSETS_IMAGES_PATH}WinterCheck.jpg)', 'Willow':'url({ASSETS_IMAGES_PATH}Willow.jpg)', 'Two Tone Thyme Stripe':'url({ASSETS_IMAGES_PATH}TwoToneThymeStripe.jpg)',
'Two Tone Thyme':'url({ASSETS_IMAGES_PATH}TwoToneThyme.jpg)', 'Two Tone Pearl Stripe':'url({ASSETS_IMAGES_PATH}TwoTonePearlStripe.jpg)',
'Two Tone Pearl':'url({ASSETS_IMAGES_PATH}TwoTonePearl.jpg)', 'Two Tone Oyster Stripe':'url({ASSETS_IMAGES_PATH}TwoToneOysterStripe.jpg)',
'Two Tone Oyster':'url({ASSETS_IMAGES_PATH}TwoToneOyster.jpg)', 'Two Tone Nutmeg Stripe':'url({ASSETS_IMAGES_PATH}TwoToneNutmegStripe.jpg)',
'Two Tone Nutmeg':'url({ASSETS_IMAGES_PATH}TwoToneNutmeg.jpg)', 'Two Tone Ivory Stripe':'url({ASSETS_IMAGES_PATH}TwoToneIvoryStripe.jpg)',
'Two Tone Ivory':'url({ASSETS_IMAGES_PATH}TwoToneIvory.jpg)', 'Two Tone Honey Stripe':'url({ASSETS_IMAGES_PATH}TwoToneHoneyStripe.jpg)',
'Two Tone Honey':'url({ASSETS_IMAGES_PATH}TwoToneHoney.jpg)', 'Torino Ebony':'url({ASSETS_IMAGES_PATH}TorinoEbonyJuliaPullUp.jpg)',
'Summer Check':'url({ASSETS_IMAGES_PATH}SummerCheck.jpg)', 'Spring Check':'url({ASSETS_IMAGES_PATH}SpringCheck.jpg)', 'Slate Tweed':'url({ASSETS_IMAGES_PATH}SlateTweed.jpg)',
'Slate':'url({ASSETS_IMAGES_PATH}Slate.jpg)', 'Simply Plains Sole':'url({ASSETS_IMAGES_PATH}Simply-Plains-Sole.jpg)',
'Simply Plains Slaidburn':'url({ASSETS_IMAGES_PATH}Simply-Plains-Slaidburn.jpg)', 'Scarlet':'url({ASSETS_IMAGES_PATH}Scarlet.jpg)',
'Saville Linen Steel':'url({ASSETS_IMAGES_PATH}SavilleLinenSteel.jpg)', 'Saville Linen Sky':'url({ASSETS_IMAGES_PATH}SavilleLinenSky.jpg)',
'Saville Linen Natural':'url({ASSETS_IMAGES_PATH}SavilleLinenNatural.jpg)', 'Saville Linen Cocoa':'url({ASSETS_IMAGES_PATH}SavilleLinenCocoa.jpg)',
'Saville Linen Clay':'url({ASSETS_IMAGES_PATH}SavilleLinenClay.jpg)', 'Redcurrant':'url({ASSETS_IMAGES_PATH}Redcurrant.jpg)', 'Plum':'url({ASSETS_IMAGES_PATH}Plum.jpg)',
'Plaid Wool Blackberry Crumble':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Blackberry-Crumble.jpg)', 'Picasso Chestnut':'url({ASSETS_IMAGES_PATH}PicassoChestnut.jpg)',
'OutbackRanch':'url({ASSETS_IMAGES_PATH}OutbackRanch.jpg)', 'OutbackChocolate':'url({ASSETS_IMAGES_PATH}OutbackChocolate.jpg)',
'Old Saddle Chestnut':'url({ASSETS_IMAGES_PATH}OldSaddleChestnut.jpg)', 'Old Bard':'url({ASSETS_IMAGES_PATH}OldBard.jpg)',
'Nobility Motif Midnight':'url({ASSETS_IMAGES_PATH}Nobility-Motif-Midnight.jpg)', 'Mole':'url({ASSETS_IMAGES_PATH}Mole.jpg)',
'Lime':'url({ASSETS_IMAGES_PATH}Lime.jpg)', 'Jacobean Flower Silver':'url({ASSETS_IMAGES_PATH}JacobeanFlowerSilver.jpg)',
'Jacobean Flower Ruby':'url({ASSETS_IMAGES_PATH}JacobeanFlowerRuby.jpg)', 'Jacobean Flower Paprika':'url({ASSETS_IMAGES_PATH}JacobeanFlowerPaprika.jpg)',
'Jacobean Flower Nutmeg':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNutmeg.jpg)', 'Jacobean Flower Natural':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNatural.jpg)',
'Jacobean Flower Mocha':'url({ASSETS_IMAGES_PATH}JacobeanFlowerMocha.jpg)',
'Jacobean Flower Champagne':'url({ASSETS_IMAGES_PATH}JacobeanFlowerChampagne.jpg)', 'Jacobean Flower Cafe Creme':'url({ASSETS_IMAGES_PATH}JacobeanFlowerCafeCreme.jpg)',
'Jacobean Flower Aqua':'url({ASSETS_IMAGES_PATH}JacobeanFlowerAqua.jpg)', 'Jacobean Flower Taupe':'url({ASSETS_IMAGES_PATH}Jacobean-Flower-Taupe.jpg)',
'Forest Check':'url({ASSETS_IMAGES_PATH}ForestCheck.jpg)', 'Fabric':'url({ASSETS_IMAGES_PATH}Fabric.jpg)', 'Chatsworth Parchment':'url({ASSETS_IMAGES_PATH}Chatsworth-Parchment.jpg)',
'Charcoal':'url({ASSETS_IMAGES_PATH}Charcoal.jpg)', 'Champagne':'url({ASSETS_IMAGES_PATH}Champagne.jpg)', 'Canternury Velvet Mink':'url({ASSETS_IMAGES_PATH}CanterburyVelvetMink.jpg)',
'Canternury Velvet Amethyst':'url({ASSETS_IMAGES_PATH}CanterburyVelvetAmethyst.jpg)', 'Candy Tweed':'url({ASSETS_IMAGES_PATH}CandyTweed.jpg)',
'Burnt Orange':'url({ASSETS_IMAGES_PATH}BurntOrange.jpg)', 'Brunel plum check':'url({ASSETS_IMAGES_PATH}Brunel-plum-check.jpg)',
'Brunel-Plum-Plain':'url({ASSETS_IMAGES_PATH}Brunel-Plum-Plain.jpg)', 'Brompton':'url({ASSETS_IMAGES_PATH}Brompton.jpg)', 'BohoStorm':'url({ASSETS_IMAGES_PATH}BohoStorm.jpg)',
'BohoParchment':'url({ASSETS_IMAGES_PATH}BohoParchment.jpg)', 'BohoHeather':'url({ASSETS_IMAGES_PATH}BohoHeather.jpg)', 'BohoDenim':'url({ASSETS_IMAGES_PATH}BohoDenim.jpg),
'BohoCocoa':'url({ASSETS_IMAGES_PATH}BohoCocoa.jpg)', 'BohoCloud':'url({ASSETS_IMAGES_PATH}BohoCloud.jpg)', 'BohoBlanco':'url({ASSETS_IMAGES_PATH}BohoBlanco.jpg)',
'Azure':'url({ASSETS_IMAGES_PATH}Azure.jpg)', 'AutumnLeavesChianti':'url({ASSETS_IMAGES_PATH}AutumnLeavesChianti.jpg)',
'Autumn Leaves Brown':'url({ASSETS_IMAGES_PATH}AutumnLeavesBrown.jpg)', 'Autumn Check':'url({ASSETS_IMAGES_PATH}AutumnCheck.jpg)',
'Amalfi Sky Blue':'url({ASSETS_IMAGES_PATH}AmalfiSkyBlue.jpg)', 'Amalfi Old Gold':'url({ASSETS_IMAGES_PATH}AmalfiOldGold.jpg)',
'Amalfi Claret':'url({ASSETS_IMAGES_PATH}AmalfiClaret.jpg)', 'Amalfi Biscuit':'url({ASSETS_IMAGES_PATH}AmalfiBiscuit.jpg)',
'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
								 var name = $.trim($(this).text());
								 if(name in colors) {
																 $(this).css({
																								 'background': colors[name]
																 });
													   
								 }
					   
});
});
</script>

и замените на код:

<script>
$(function() {
var colors = {'Winter Pine':'url({ASSETS_IMAGES_PATH}winterPINE.jpg)', 'Wedgewood':'url({ASSETS_IMAGES_PATH}wedgewood.jpg)',
'Peat Herringbone':'url({ASSETS_IMAGES_PATH}peatHERRINGBONE.jpg)', 'Loden Herringbone':'url({ASSETS_IMAGES_PATH}lodenHERRINGBONE.jpg)',
'Heather':'url({ASSETS_IMAGES_PATH}heather.jpg)', 'Granite Herringbone':'url({ASSETS_IMAGES_PATH}graniteHERRINGBONE.jpg)',
'Galveston Bark':'url({ASSETS_IMAGES_PATH}galvestonBARK.jpg)', 'Damson':'url({ASSETS_IMAGES_PATH}damson.jpg)', 'Cream':'url({ASSETS_IMAGES_PATH}cream.jpg)',
'Coffee':'url({ASSETS_IMAGES_PATH}coffee.jpg)', 'Clay':'url({ASSETS_IMAGES_PATH}clay.jpg)', 'Atlantis Blue':'url({ASSETS_IMAGES_PATH}atlantisBLUE.jpg)',
'Chocolate':'url({ASSETS_IMAGES_PATH}chocolate.jpg)', 'Brunel Plain Steel':'url({ASSETS_IMAGES_PATH}brunel-plain-steel.jpg)',
'Brunel Check Steel':'url({ASSETS_IMAGES_PATH}brunel-check-steel.jpg)', 'Bracken Herringbone':'url({ASSETS_IMAGES_PATH}brackenHerringbone.jpg)',
'Basalt Stripe':'url({ASSETS_IMAGES_PATH}basalt-stripe.jpg)', 'Basalt Herringbone':'url({ASSETS_IMAGES_PATH}basalt-herringbone.jpg)',
'Wool Plaid Olive Grove':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Olive-Grove.jpg)', 'Wool Plaid Autumn Gold':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Gold.jpg)',
'Wool Plaid Autumn Berry':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Berry.jpg)', 'Wool Herringbone Thistle':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Thistle.jpg)',
'Wool Herringbone Paprika':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Paprika.jpg)', 'Wool Herringbone Mustard':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Mustard.jpg)',
'Winter Check':'url({ASSETS_IMAGES_PATH}WinterCheck.jpg)', 'Willow':'url({ASSETS_IMAGES_PATH}Willow.jpg)', 'Two Tone Thyme Stripe':'url({ASSETS_IMAGES_PATH}TwoToneThymeStripe.jpg)',
'Two Tone Thyme':'url({ASSETS_IMAGES_PATH}TwoToneThyme.jpg)', 'Two Tone Pearl Stripe':'url({ASSETS_IMAGES_PATH}TwoTonePearlStripe.jpg)',
'Two Tone Pearl':'url({ASSETS_IMAGES_PATH}TwoTonePearl.jpg)', 'Two Tone Oyster Stripe':'url({ASSETS_IMAGES_PATH}TwoToneOysterStripe.jpg)',
'Two Tone Oyster':'url({ASSETS_IMAGES_PATH}TwoToneOyster.jpg)', 'Two Tone Nutmeg Stripe':'url({ASSETS_IMAGES_PATH}TwoToneNutmegStripe.jpg)',
'Two Tone Nutmeg':'url({ASSETS_IMAGES_PATH}TwoToneNutmeg.jpg)', 'Two Tone Ivory Stripe':'url({ASSETS_IMAGES_PATH}TwoToneIvoryStripe.jpg)',
'Two Tone Ivory':'url({ASSETS_IMAGES_PATH}TwoToneIvory.jpg)', 'Two Tone Honey Stripe':'url({ASSETS_IMAGES_PATH}TwoToneHoneyStripe.jpg)',
'Two Tone Honey':'url({ASSETS_IMAGES_PATH}TwoToneHoney.jpg)', 'Torino Ebony':'url({ASSETS_IMAGES_PATH}TorinoEbonyJuliaPullUp.jpg)',
'Summer Check':'url({ASSETS_IMAGES_PATH}SummerCheck.jpg)', 'Spring Check':'url({ASSETS_IMAGES_PATH}SpringCheck.jpg)', 'Slate Tweed':'url({ASSETS_IMAGES_PATH}SlateTweed.jpg)',
'Slate':'url({ASSETS_IMAGES_PATH}Slate.jpg)', 'Simply Plains Sole':'url({ASSETS_IMAGES_PATH}Simply-Plains-Sole.jpg)',
'Simply Plains Slaidburn':'url({ASSETS_IMAGES_PATH}Simply-Plains-Slaidburn.jpg)', 'Scarlet':'url({ASSETS_IMAGES_PATH}Scarlet.jpg)',
'Saville Linen Steel':'url({ASSETS_IMAGES_PATH}SavilleLinenSteel.jpg)', 'Saville Linen Sky':'url({ASSETS_IMAGES_PATH}SavilleLinenSky.jpg)',
'Saville Linen Natural':'url({ASSETS_IMAGES_PATH}SavilleLinenNatural.jpg)', 'Saville Linen Cocoa':'url({ASSETS_IMAGES_PATH}SavilleLinenCocoa.jpg)',
'Saville Linen Clay':'url({ASSETS_IMAGES_PATH}SavilleLinenClay.jpg)', 'Redcurrant':'url({ASSETS_IMAGES_PATH}Redcurrant.jpg)', 'Plum':'url({ASSETS_IMAGES_PATH}Plum.jpg)',
'Plaid Wool Blackberry Crumble':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Blackberry-Crumble.jpg)', 'Picasso Chestnut':'url({ASSETS_IMAGES_PATH}PicassoChestnut.jpg)',
'OutbackRanch':'url({ASSETS_IMAGES_PATH}OutbackRanch.jpg)', 'OutbackChocolate':'url({ASSETS_IMAGES_PATH}OutbackChocolate.jpg)',
'Old Saddle Chestnut':'url({ASSETS_IMAGES_PATH}OldSaddleChestnut.jpg)', 'Old Bard':'url({ASSETS_IMAGES_PATH}OldBard.jpg)',
'Nobility Motif Midnight':'url({ASSETS_IMAGES_PATH}Nobility-Motif-Midnight.jpg)', 'Mole':'url({ASSETS_IMAGES_PATH}Mole.jpg)',
'Lime':'url({ASSETS_IMAGES_PATH}Lime.jpg)', 'Jacobean Flower Silver':'url({ASSETS_IMAGES_PATH}JacobeanFlowerSilver.jpg)',
'Jacobean Flower Ruby':'url({ASSETS_IMAGES_PATH}JacobeanFlowerRuby.jpg)', 'Jacobean Flower Paprika':'url({ASSETS_IMAGES_PATH}JacobeanFlowerPaprika.jpg)',
'Jacobean Flower Nutmeg':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNutmeg.jpg)', 'Jacobean Flower Natural':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNatural.jpg)',
'Jacobean Flower Mocha':'url({ASSETS_IMAGES_PATH}JacobeanFlowerMocha.jpg)',
'Jacobean Flower Champagne':'url({ASSETS_IMAGES_PATH}JacobeanFlowerChampagne.jpg)', 'Jacobean Flower Cafe Creme':'url({ASSETS_IMAGES_PATH}JacobeanFlowerCafeCreme.jpg)',
'Jacobean Flower Aqua':'url({ASSETS_IMAGES_PATH}JacobeanFlowerAqua.jpg)', 'Jacobean Flower Taupe':'url({ASSETS_IMAGES_PATH}Jacobean-Flower-Taupe.jpg)',
'Forest Check':'url({ASSETS_IMAGES_PATH}ForestCheck.jpg)', 'Fabric':'url({ASSETS_IMAGES_PATH}Fabric.jpg)', 'Chatsworth Parchment':'url({ASSETS_IMAGES_PATH}Chatsworth-Parchment.jpg)',
'Charcoal':'url({ASSETS_IMAGES_PATH}Charcoal.jpg)', 'Champagne':'url({ASSETS_IMAGES_PATH}Champagne.jpg)', 'Canternury Velvet Mink':'url({ASSETS_IMAGES_PATH}CanterburyVelvetMink.jpg)',
'Canternury Velvet Amethyst':'url({ASSETS_IMAGES_PATH}CanterburyVelvetAmethyst.jpg)', 'Candy Tweed':'url({ASSETS_IMAGES_PATH}CandyTweed.jpg)',
'Burnt Orange':'url({ASSETS_IMAGES_PATH}BurntOrange.jpg)', 'Brunel plum check':'url({ASSETS_IMAGES_PATH}Brunel-plum-check.jpg)',
'Brunel-Plum-Plain':'url({ASSETS_IMAGES_PATH}Brunel-Plum-Plain.jpg)', 'Brompton':'url({ASSETS_IMAGES_PATH}Brompton.jpg)', 'BohoStorm':'url({ASSETS_IMAGES_PATH}BohoStorm.jpg)',
'BohoParchment':'url({ASSETS_IMAGES_PATH}BohoParchment.jpg)', 'BohoHeather':'url({ASSETS_IMAGES_PATH}BohoHeather.jpg)', 'BohoDenim':'url({ASSETS_IMAGES_PATH}BohoDenim.jpg)',
'BohoCocoa':'url({ASSETS_IMAGES_PATH}BohoCocoa.jpg)', 'BohoCloud':'url({ASSETS_IMAGES_PATH}BohoCloud.jpg)', 'BohoBlanco':'url({ASSETS_IMAGES_PATH}BohoBlanco.jpg)',
'Azure':'url({ASSETS_IMAGES_PATH}Azure.jpg)', 'AutumnLeavesChianti':'url({ASSETS_IMAGES_PATH}AutumnLeavesChianti.jpg)',
'Autumn Leaves Brown':'url({ASSETS_IMAGES_PATH}AutumnLeavesBrown.jpg)', 'Autumn Check':'url({ASSETS_IMAGES_PATH}AutumnCheck.jpg)',
'Amalfi Sky Blue':'url({ASSETS_IMAGES_PATH}AmalfiSkyBlue.jpg)', 'Amalfi Old Gold':'url({ASSETS_IMAGES_PATH}AmalfiOldGold.jpg)',
'Amalfi Claret':'url({ASSETS_IMAGES_PATH}AmalfiClaret.jpg)', 'Amalfi Biscuit':'url({ASSETS_IMAGES_PATH}AmalfiBiscuit.jpg)',
'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
								 var name = $.trim($(this).text());
								 if(name in colors) {
																 $(this).css({
																								 'background': colors[name]
																 });
													   
								 }
					   
});
});
</script>

У Вас была пропущена кавычка.

Наверх

#32 Ingleest

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

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

ГородTallinn

Отправлено 28 Январь 2016 - 00:14

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

Здравствуйте, чтобы поправить работу скрипта в шаблоне товар найдите код:

<script>
$(function() {
var colors = {'Winter Pine':'url({ASSETS_IMAGES_PATH}winterPINE.jpg)', 'Wedgewood':'url({ASSETS_IMAGES_PATH}wedgewood.jpg)',
'Peat Herringbone':'url({ASSETS_IMAGES_PATH}peatHERRINGBONE.jpg)', 'Loden Herringbone':'url({ASSETS_IMAGES_PATH}lodenHERRINGBONE.jpg)',
'Heather':'url({ASSETS_IMAGES_PATH}heather.jpg)', 'Granite Herringbone':'url({ASSETS_IMAGES_PATH}graniteHERRINGBONE.jpg)',
'Galveston Bark':'url({ASSETS_IMAGES_PATH}galvestonBARK.jpg)', 'Damson':'url({ASSETS_IMAGES_PATH}damson.jpg)', 'Cream':'url({ASSETS_IMAGES_PATH}cream.jpg)',
'Coffee':'url({ASSETS_IMAGES_PATH}coffee.jpg)', 'Clay':'url({ASSETS_IMAGES_PATH}clay.jpg)', 'Atlantis Blue':'url({ASSETS_IMAGES_PATH}atlantisBLUE.jpg)',
'Chocolate':'url({ASSETS_IMAGES_PATH}chocolate.jpg)', 'Brunel Plain Steel':'url({ASSETS_IMAGES_PATH}brunel-plain-steel.jpg)',
'Brunel Check Steel':'url({ASSETS_IMAGES_PATH}brunel-check-steel.jpg)', 'Bracken Herringbone':'url({ASSETS_IMAGES_PATH}brackenHerringbone.jpg)',
'Basalt Stripe':'url({ASSETS_IMAGES_PATH}basalt-stripe.jpg)', 'Basalt Herringbone':'url({ASSETS_IMAGES_PATH}basalt-herringbone.jpg)',
'Wool Plaid Olive Grove':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Olive-Grove.jpg)', 'Wool Plaid Autumn Gold':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Gold.jpg)',
'Wool Plaid Autumn Berry':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Berry.jpg)', 'Wool Herringbone Thistle':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Thistle.jpg)',
'Wool Herringbone Paprika':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Paprika.jpg)', 'Wool Herringbone Mustard':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Mustard.jpg)',
'Winter Check':'url({ASSETS_IMAGES_PATH}WinterCheck.jpg)', 'Willow':'url({ASSETS_IMAGES_PATH}Willow.jpg)', 'Two Tone Thyme Stripe':'url({ASSETS_IMAGES_PATH}TwoToneThymeStripe.jpg)',
'Two Tone Thyme':'url({ASSETS_IMAGES_PATH}TwoToneThyme.jpg)', 'Two Tone Pearl Stripe':'url({ASSETS_IMAGES_PATH}TwoTonePearlStripe.jpg)',
'Two Tone Pearl':'url({ASSETS_IMAGES_PATH}TwoTonePearl.jpg)', 'Two Tone Oyster Stripe':'url({ASSETS_IMAGES_PATH}TwoToneOysterStripe.jpg)',
'Two Tone Oyster':'url({ASSETS_IMAGES_PATH}TwoToneOyster.jpg)', 'Two Tone Nutmeg Stripe':'url({ASSETS_IMAGES_PATH}TwoToneNutmegStripe.jpg)',
'Two Tone Nutmeg':'url({ASSETS_IMAGES_PATH}TwoToneNutmeg.jpg)', 'Two Tone Ivory Stripe':'url({ASSETS_IMAGES_PATH}TwoToneIvoryStripe.jpg)',
'Two Tone Ivory':'url({ASSETS_IMAGES_PATH}TwoToneIvory.jpg)', 'Two Tone Honey Stripe':'url({ASSETS_IMAGES_PATH}TwoToneHoneyStripe.jpg)',
'Two Tone Honey':'url({ASSETS_IMAGES_PATH}TwoToneHoney.jpg)', 'Torino Ebony':'url({ASSETS_IMAGES_PATH}TorinoEbonyJuliaPullUp.jpg)',
'Summer Check':'url({ASSETS_IMAGES_PATH}SummerCheck.jpg)', 'Spring Check':'url({ASSETS_IMAGES_PATH}SpringCheck.jpg)', 'Slate Tweed':'url({ASSETS_IMAGES_PATH}SlateTweed.jpg)',
'Slate':'url({ASSETS_IMAGES_PATH}Slate.jpg)', 'Simply Plains Sole':'url({ASSETS_IMAGES_PATH}Simply-Plains-Sole.jpg)',
'Simply Plains Slaidburn':'url({ASSETS_IMAGES_PATH}Simply-Plains-Slaidburn.jpg)', 'Scarlet':'url({ASSETS_IMAGES_PATH}Scarlet.jpg)',
'Saville Linen Steel':'url({ASSETS_IMAGES_PATH}SavilleLinenSteel.jpg)', 'Saville Linen Sky':'url({ASSETS_IMAGES_PATH}SavilleLinenSky.jpg)',
'Saville Linen Natural':'url({ASSETS_IMAGES_PATH}SavilleLinenNatural.jpg)', 'Saville Linen Cocoa':'url({ASSETS_IMAGES_PATH}SavilleLinenCocoa.jpg)',
'Saville Linen Clay':'url({ASSETS_IMAGES_PATH}SavilleLinenClay.jpg)', 'Redcurrant':'url({ASSETS_IMAGES_PATH}Redcurrant.jpg)', 'Plum':'url({ASSETS_IMAGES_PATH}Plum.jpg)',
'Plaid Wool Blackberry Crumble':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Blackberry-Crumble.jpg)', 'Picasso Chestnut':'url({ASSETS_IMAGES_PATH}PicassoChestnut.jpg)',
'OutbackRanch':'url({ASSETS_IMAGES_PATH}OutbackRanch.jpg)', 'OutbackChocolate':'url({ASSETS_IMAGES_PATH}OutbackChocolate.jpg)',
'Old Saddle Chestnut':'url({ASSETS_IMAGES_PATH}OldSaddleChestnut.jpg)', 'Old Bard':'url({ASSETS_IMAGES_PATH}OldBard.jpg)',
'Nobility Motif Midnight':'url({ASSETS_IMAGES_PATH}Nobility-Motif-Midnight.jpg)', 'Mole':'url({ASSETS_IMAGES_PATH}Mole.jpg)',
'Lime':'url({ASSETS_IMAGES_PATH}Lime.jpg)', 'Jacobean Flower Silver':'url({ASSETS_IMAGES_PATH}JacobeanFlowerSilver.jpg)',
'Jacobean Flower Ruby':'url({ASSETS_IMAGES_PATH}JacobeanFlowerRuby.jpg)', 'Jacobean Flower Paprika':'url({ASSETS_IMAGES_PATH}JacobeanFlowerPaprika.jpg)',
'Jacobean Flower Nutmeg':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNutmeg.jpg)', 'Jacobean Flower Natural':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNatural.jpg)',
'Jacobean Flower Mocha':'url({ASSETS_IMAGES_PATH}JacobeanFlowerMocha.jpg)',
'Jacobean Flower Champagne':'url({ASSETS_IMAGES_PATH}JacobeanFlowerChampagne.jpg)', 'Jacobean Flower Cafe Creme':'url({ASSETS_IMAGES_PATH}JacobeanFlowerCafeCreme.jpg)',
'Jacobean Flower Aqua':'url({ASSETS_IMAGES_PATH}JacobeanFlowerAqua.jpg)', 'Jacobean Flower Taupe':'url({ASSETS_IMAGES_PATH}Jacobean-Flower-Taupe.jpg)',
'Forest Check':'url({ASSETS_IMAGES_PATH}ForestCheck.jpg)', 'Fabric':'url({ASSETS_IMAGES_PATH}Fabric.jpg)', 'Chatsworth Parchment':'url({ASSETS_IMAGES_PATH}Chatsworth-Parchment.jpg)',
'Charcoal':'url({ASSETS_IMAGES_PATH}Charcoal.jpg)', 'Champagne':'url({ASSETS_IMAGES_PATH}Champagne.jpg)', 'Canternury Velvet Mink':'url({ASSETS_IMAGES_PATH}CanterburyVelvetMink.jpg)',
'Canternury Velvet Amethyst':'url({ASSETS_IMAGES_PATH}CanterburyVelvetAmethyst.jpg)', 'Candy Tweed':'url({ASSETS_IMAGES_PATH}CandyTweed.jpg)',
'Burnt Orange':'url({ASSETS_IMAGES_PATH}BurntOrange.jpg)', 'Brunel plum check':'url({ASSETS_IMAGES_PATH}Brunel-plum-check.jpg)',
'Brunel-Plum-Plain':'url({ASSETS_IMAGES_PATH}Brunel-Plum-Plain.jpg)', 'Brompton':'url({ASSETS_IMAGES_PATH}Brompton.jpg)', 'BohoStorm':'url({ASSETS_IMAGES_PATH}BohoStorm.jpg)',
'BohoParchment':'url({ASSETS_IMAGES_PATH}BohoParchment.jpg)', 'BohoHeather':'url({ASSETS_IMAGES_PATH}BohoHeather.jpg)', 'BohoDenim':'url({ASSETS_IMAGES_PATH}BohoDenim.jpg),
'BohoCocoa':'url({ASSETS_IMAGES_PATH}BohoCocoa.jpg)', 'BohoCloud':'url({ASSETS_IMAGES_PATH}BohoCloud.jpg)', 'BohoBlanco':'url({ASSETS_IMAGES_PATH}BohoBlanco.jpg)',
'Azure':'url({ASSETS_IMAGES_PATH}Azure.jpg)', 'AutumnLeavesChianti':'url({ASSETS_IMAGES_PATH}AutumnLeavesChianti.jpg)',
'Autumn Leaves Brown':'url({ASSETS_IMAGES_PATH}AutumnLeavesBrown.jpg)', 'Autumn Check':'url({ASSETS_IMAGES_PATH}AutumnCheck.jpg)',
'Amalfi Sky Blue':'url({ASSETS_IMAGES_PATH}AmalfiSkyBlue.jpg)', 'Amalfi Old Gold':'url({ASSETS_IMAGES_PATH}AmalfiOldGold.jpg)',
'Amalfi Claret':'url({ASSETS_IMAGES_PATH}AmalfiClaret.jpg)', 'Amalfi Biscuit':'url({ASSETS_IMAGES_PATH}AmalfiBiscuit.jpg)',
'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
								 var name = $.trim($(this).text());
								 if(name in colors) {
																 $(this).css({
																								 'background': colors[name]
																 });
													
								 }
					
});
});
</script>

и замените на код:

<script>
$(function() {
var colors = {'Winter Pine':'url({ASSETS_IMAGES_PATH}winterPINE.jpg)', 'Wedgewood':'url({ASSETS_IMAGES_PATH}wedgewood.jpg)',
'Peat Herringbone':'url({ASSETS_IMAGES_PATH}peatHERRINGBONE.jpg)', 'Loden Herringbone':'url({ASSETS_IMAGES_PATH}lodenHERRINGBONE.jpg)',
'Heather':'url({ASSETS_IMAGES_PATH}heather.jpg)', 'Granite Herringbone':'url({ASSETS_IMAGES_PATH}graniteHERRINGBONE.jpg)',
'Galveston Bark':'url({ASSETS_IMAGES_PATH}galvestonBARK.jpg)', 'Damson':'url({ASSETS_IMAGES_PATH}damson.jpg)', 'Cream':'url({ASSETS_IMAGES_PATH}cream.jpg)',
'Coffee':'url({ASSETS_IMAGES_PATH}coffee.jpg)', 'Clay':'url({ASSETS_IMAGES_PATH}clay.jpg)', 'Atlantis Blue':'url({ASSETS_IMAGES_PATH}atlantisBLUE.jpg)',
'Chocolate':'url({ASSETS_IMAGES_PATH}chocolate.jpg)', 'Brunel Plain Steel':'url({ASSETS_IMAGES_PATH}brunel-plain-steel.jpg)',
'Brunel Check Steel':'url({ASSETS_IMAGES_PATH}brunel-check-steel.jpg)', 'Bracken Herringbone':'url({ASSETS_IMAGES_PATH}brackenHerringbone.jpg)',
'Basalt Stripe':'url({ASSETS_IMAGES_PATH}basalt-stripe.jpg)', 'Basalt Herringbone':'url({ASSETS_IMAGES_PATH}basalt-herringbone.jpg)',
'Wool Plaid Olive Grove':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Olive-Grove.jpg)', 'Wool Plaid Autumn Gold':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Gold.jpg)',
'Wool Plaid Autumn Berry':'url({ASSETS_IMAGES_PATH}Wool-Plaid-Autumn-Berry.jpg)', 'Wool Herringbone Thistle':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Thistle.jpg)',
'Wool Herringbone Paprika':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Paprika.jpg)', 'Wool Herringbone Mustard':'url({ASSETS_IMAGES_PATH}Wool-Herringbone-Mustard.jpg)',
'Winter Check':'url({ASSETS_IMAGES_PATH}WinterCheck.jpg)', 'Willow':'url({ASSETS_IMAGES_PATH}Willow.jpg)', 'Two Tone Thyme Stripe':'url({ASSETS_IMAGES_PATH}TwoToneThymeStripe.jpg)',
'Two Tone Thyme':'url({ASSETS_IMAGES_PATH}TwoToneThyme.jpg)', 'Two Tone Pearl Stripe':'url({ASSETS_IMAGES_PATH}TwoTonePearlStripe.jpg)',
'Two Tone Pearl':'url({ASSETS_IMAGES_PATH}TwoTonePearl.jpg)', 'Two Tone Oyster Stripe':'url({ASSETS_IMAGES_PATH}TwoToneOysterStripe.jpg)',
'Two Tone Oyster':'url({ASSETS_IMAGES_PATH}TwoToneOyster.jpg)', 'Two Tone Nutmeg Stripe':'url({ASSETS_IMAGES_PATH}TwoToneNutmegStripe.jpg)',
'Two Tone Nutmeg':'url({ASSETS_IMAGES_PATH}TwoToneNutmeg.jpg)', 'Two Tone Ivory Stripe':'url({ASSETS_IMAGES_PATH}TwoToneIvoryStripe.jpg)',
'Two Tone Ivory':'url({ASSETS_IMAGES_PATH}TwoToneIvory.jpg)', 'Two Tone Honey Stripe':'url({ASSETS_IMAGES_PATH}TwoToneHoneyStripe.jpg)',
'Two Tone Honey':'url({ASSETS_IMAGES_PATH}TwoToneHoney.jpg)', 'Torino Ebony':'url({ASSETS_IMAGES_PATH}TorinoEbonyJuliaPullUp.jpg)',
'Summer Check':'url({ASSETS_IMAGES_PATH}SummerCheck.jpg)', 'Spring Check':'url({ASSETS_IMAGES_PATH}SpringCheck.jpg)', 'Slate Tweed':'url({ASSETS_IMAGES_PATH}SlateTweed.jpg)',
'Slate':'url({ASSETS_IMAGES_PATH}Slate.jpg)', 'Simply Plains Sole':'url({ASSETS_IMAGES_PATH}Simply-Plains-Sole.jpg)',
'Simply Plains Slaidburn':'url({ASSETS_IMAGES_PATH}Simply-Plains-Slaidburn.jpg)', 'Scarlet':'url({ASSETS_IMAGES_PATH}Scarlet.jpg)',
'Saville Linen Steel':'url({ASSETS_IMAGES_PATH}SavilleLinenSteel.jpg)', 'Saville Linen Sky':'url({ASSETS_IMAGES_PATH}SavilleLinenSky.jpg)',
'Saville Linen Natural':'url({ASSETS_IMAGES_PATH}SavilleLinenNatural.jpg)', 'Saville Linen Cocoa':'url({ASSETS_IMAGES_PATH}SavilleLinenCocoa.jpg)',
'Saville Linen Clay':'url({ASSETS_IMAGES_PATH}SavilleLinenClay.jpg)', 'Redcurrant':'url({ASSETS_IMAGES_PATH}Redcurrant.jpg)', 'Plum':'url({ASSETS_IMAGES_PATH}Plum.jpg)',
'Plaid Wool Blackberry Crumble':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Blackberry-Crumble.jpg)', 'Picasso Chestnut':'url({ASSETS_IMAGES_PATH}PicassoChestnut.jpg)',
'OutbackRanch':'url({ASSETS_IMAGES_PATH}OutbackRanch.jpg)', 'OutbackChocolate':'url({ASSETS_IMAGES_PATH}OutbackChocolate.jpg)',
'Old Saddle Chestnut':'url({ASSETS_IMAGES_PATH}OldSaddleChestnut.jpg)', 'Old Bard':'url({ASSETS_IMAGES_PATH}OldBard.jpg)',
'Nobility Motif Midnight':'url({ASSETS_IMAGES_PATH}Nobility-Motif-Midnight.jpg)', 'Mole':'url({ASSETS_IMAGES_PATH}Mole.jpg)',
'Lime':'url({ASSETS_IMAGES_PATH}Lime.jpg)', 'Jacobean Flower Silver':'url({ASSETS_IMAGES_PATH}JacobeanFlowerSilver.jpg)',
'Jacobean Flower Ruby':'url({ASSETS_IMAGES_PATH}JacobeanFlowerRuby.jpg)', 'Jacobean Flower Paprika':'url({ASSETS_IMAGES_PATH}JacobeanFlowerPaprika.jpg)',
'Jacobean Flower Nutmeg':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNutmeg.jpg)', 'Jacobean Flower Natural':'url({ASSETS_IMAGES_PATH}JacobeanFlowerNatural.jpg)',
'Jacobean Flower Mocha':'url({ASSETS_IMAGES_PATH}JacobeanFlowerMocha.jpg)',
'Jacobean Flower Champagne':'url({ASSETS_IMAGES_PATH}JacobeanFlowerChampagne.jpg)', 'Jacobean Flower Cafe Creme':'url({ASSETS_IMAGES_PATH}JacobeanFlowerCafeCreme.jpg)',
'Jacobean Flower Aqua':'url({ASSETS_IMAGES_PATH}JacobeanFlowerAqua.jpg)', 'Jacobean Flower Taupe':'url({ASSETS_IMAGES_PATH}Jacobean-Flower-Taupe.jpg)',
'Forest Check':'url({ASSETS_IMAGES_PATH}ForestCheck.jpg)', 'Fabric':'url({ASSETS_IMAGES_PATH}Fabric.jpg)', 'Chatsworth Parchment':'url({ASSETS_IMAGES_PATH}Chatsworth-Parchment.jpg)',
'Charcoal':'url({ASSETS_IMAGES_PATH}Charcoal.jpg)', 'Champagne':'url({ASSETS_IMAGES_PATH}Champagne.jpg)', 'Canternury Velvet Mink':'url({ASSETS_IMAGES_PATH}CanterburyVelvetMink.jpg)',
'Canternury Velvet Amethyst':'url({ASSETS_IMAGES_PATH}CanterburyVelvetAmethyst.jpg)', 'Candy Tweed':'url({ASSETS_IMAGES_PATH}CandyTweed.jpg)',
'Burnt Orange':'url({ASSETS_IMAGES_PATH}BurntOrange.jpg)', 'Brunel plum check':'url({ASSETS_IMAGES_PATH}Brunel-plum-check.jpg)',
'Brunel-Plum-Plain':'url({ASSETS_IMAGES_PATH}Brunel-Plum-Plain.jpg)', 'Brompton':'url({ASSETS_IMAGES_PATH}Brompton.jpg)', 'BohoStorm':'url({ASSETS_IMAGES_PATH}BohoStorm.jpg)',
'BohoParchment':'url({ASSETS_IMAGES_PATH}BohoParchment.jpg)', 'BohoHeather':'url({ASSETS_IMAGES_PATH}BohoHeather.jpg)', 'BohoDenim':'url({ASSETS_IMAGES_PATH}BohoDenim.jpg)',
'BohoCocoa':'url({ASSETS_IMAGES_PATH}BohoCocoa.jpg)', 'BohoCloud':'url({ASSETS_IMAGES_PATH}BohoCloud.jpg)', 'BohoBlanco':'url({ASSETS_IMAGES_PATH}BohoBlanco.jpg)',
'Azure':'url({ASSETS_IMAGES_PATH}Azure.jpg)', 'AutumnLeavesChianti':'url({ASSETS_IMAGES_PATH}AutumnLeavesChianti.jpg)',
'Autumn Leaves Brown':'url({ASSETS_IMAGES_PATH}AutumnLeavesBrown.jpg)', 'Autumn Check':'url({ASSETS_IMAGES_PATH}AutumnCheck.jpg)',
'Amalfi Sky Blue':'url({ASSETS_IMAGES_PATH}AmalfiSkyBlue.jpg)', 'Amalfi Old Gold':'url({ASSETS_IMAGES_PATH}AmalfiOldGold.jpg)',
'Amalfi Claret':'url({ASSETS_IMAGES_PATH}AmalfiClaret.jpg)', 'Amalfi Biscuit':'url({ASSETS_IMAGES_PATH}AmalfiBiscuit.jpg)',
'Fruit Salad':'url({ASSETS_IMAGES_PATH}Plaid-Fruit-Salad.jpg)', 'Toffee Apple':'url({ASSETS_IMAGES_PATH}Plaid-Wool-Toffee-Apple.jpg)', 'название цвета':'url(ссылка на ваше изображение)'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
								 var name = $.trim($(this).text());
								 if(name in colors) {
																 $(this).css({
																								 'background': colors[name]
																 });
													
								 }
					
});
});
</script>

У Вас была пропущена кавычка.

Юлия, это было большое и важное дело для меня. Спасибо. Осталось здесь два вопроса:

1. Как название модификации сделать под ее картинкой? Чтобы как здесь, крупнее название, под ним мельче - тип обивки:

Тип обивки у меня сейчас написан в скобках за названием. Если тип выделить невозможно в отдельную строку, то и так сойдет, в скобочках.
2. Как сделать рамочку выбранной в настоящий момент модификации на 1 пиксель жирнее? (ярко-зеленая рамка вокруг изображения модиф-ции).

Наверх

#33 Vaccina

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

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

Отправлено 28 Январь 2016 - 02:37

Попробуйте следующий вариант, в main.css найдите:

.goodsDataMainModificationsBlockProperty input + label {
border: 0px solid #ccc;
cursor: pointer;
float:left;
height: 145px;
line-height: 10px;
margin: 4px;
text-align: center;
width: 145px;
}

замените на:

.goodsDataMainModificationsBlockProperty input + label {
	border: 0px solid #CCC;
	cursor: pointer;
	float: left;
	height: 145px;
	margin: 4px;
	text-align: center;
	width: 145px;
	position: relative;
	color: #fff;
	line-height: 20px;
}
.goodsDataMainModificationsBlockProperty input + label:after {
	height: 45px;
	width: 100%;
	content: " ";
	position: absolute;
	left: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
}

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

.goodsDataMainModificationsBlockProperty input:checked + label {
	border: 1px solid #72D300;
}

замените на:

.goodsDataMainModificationsBlockProperty input:checked + label {
	border: 2px solid #72D300;
}

Наверх

#34 Ingleest

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

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

ГородTallinn

Отправлено 28 Январь 2016 - 03:40

Vaccina (28 Январь 2016 - 02:37) писал:

Попробуйте следующий вариант, в main.css найдите:

.goodsDataMainModificationsBlockProperty input + label {
border: 0px solid #ccc;
cursor: pointer;
float:left;
height: 145px;
line-height: 10px;
margin: 4px;
text-align: center;
width: 145px;
}

замените на:

.goodsDataMainModificationsBlockProperty input + label {
border: 0px solid #CCC;
cursor: pointer;
float: left;
height: 145px;
margin: 4px;
text-align: center;
width: 145px;
position: relative;
color: #fff;
line-height: 20px;
}
.goodsDataMainModificationsBlockProperty input + label:after {
height: 45px;
width: 100%;
content: " ";
position: absolute;
left: 0px;
right: 0px;
background: rgba(0, 0, 0, 0.5);
top: 0;
}

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

.goodsDataMainModificationsBlockProperty input:checked + label {
border: 1px solid #72D300;
}

замените на:

.goodsDataMainModificationsBlockProperty input:checked + label {
border: 2px solid #72D300;
}

Спасибо, Vaccina:-) Так тоже подойдет.

Наверх

Назад

Обратно в Другие вопросы

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

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

Модификации Товара

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

Войти

Google поиск