• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Модули uCoz » Интернет-магазин » Фон опции в виде товара в каталоге (Описание темы)
Фон опции в виде товара в каталоге
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 1 | 12:54:45
Всем привет.

Добавил $OPTIONS$ в вид товара в каталоге, чтобы можно было сразу выбрать размер товара в категории, не заходя в карточку товара.

Подскажите, пожалуйста, как убрать темно-серый фон для опций?

Пример:

Скрин кода:


Скрин категории:


URL каталога:
http://kindersmile.ru/shop/brands/van-cliff-rossija/shkolnye-kostjumy
Прикрепления: 1885052.jpg (76.4 Kb) · 9277827.jpg (99.8 Kb)
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 2 | 13:31:33
«ShaGun», в таблице стилей магазина найдите строчку и удалите её

.shop-options li.odd {
background: url("/img/li-bg.png") repeat scroll 0 0 #CCCCCC;
}

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 3 | 13:53:22
webanet, Спасибо большое!

Еще пара вопросов, возможно, тоже сможете помочь:

1) Как убрать фон еще у Значения опции?


2) Скрыть 1-е значение опции "-Выбрать-" из карточки товара?

Добавлено (06 Авг 2018, 14:08:32)
---------------------------------------------
Насколько я понимаю, второй вопрос можно решить только с помощью java?

Прикрепления: 0018477.jpg (63.4 Kb) · 7779586.jpg (104.5 Kb)
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 4 | 17:43:10
«ShaGun», 1) в общей таблице стилей найдите строчку и выделенное красным удалите

Цитата
#casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select{font-size:13px;color:#444;padding:5px 3px;background:#ccc url(/img/li-bg.png);border:1px solid #e8e8e8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 1px 1px 3px 0 #aaa;-webkit-box-shadow:inset 1px 1px 3px 0 #aaa;box-shadow:inset 1px 1px 3px 0 #aaa;-webkit-appearance:none;outline:none;}


второе понять не удалось до конца. если просто убрать слово выбрать, то в общей таблице стилей внизу пропишите

Код
.ekopt.selected {
       display: none !important;
   }

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 5 | 23:25:47
webanet,
По втором вопросу я наверное, неправильно выразился:
Чтобы люди понимали, что им нужно выбрать размер, 1-е значение опции стоит - "-Выбрать-" - оно нужно только для каталога, но в карточке его нужно убрать, над чем и ломаю голову.

Каталог:



Карточка товара:



http://kindersmile.ru/shop/1286/desc/kostjum-ehrnesto-polnota-3

В 1 вопросе я имел ввиду, что выбранное значение должно принимать тот же фон, что вокруг пространства значения, но внутри карточки.
Прикрепления: 0553840.png (135.9 Kb) · 5903744.png (274.9 Kb)
Сообщение отредактировал «ShaGun» - Понедельник, 06 Авг 2018, 23:28:32
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 6 | 08:17:58
Цитата «ShaGun» ()
в карточке его нужно убрать

Код
.ekopt:first-child {
    display: none;
}

«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 7 | 09:11:21
Drinko, спасибо большое!
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 8 | 10:21:40
Цитата «ShaGun» ()
убрать фон еще у Значения опции

Цитата «ShaGun» ()
выбранное значение должно принимать тот же фон, что вокруг пространства значения

Код
$(document).ready(function() {
   $('.shop-options-s').change(function() {
    if ($('option:selected',this).val() != '0') {
      $(this).css({'-moz-box-shadow':'none', '-webkit-box-shadow':'none', 'box-shadow':'none', 'background':'#e7e7e7'});
    } else {
      $(this).css({'-moz-box-shadow':'inset 1px 1px 3px 0 #aaa', '-webkit-box-shadow':'inset 1px 1px 3px 0 #aaa', 'box-shadow':'inset 1px 1px 3px 0 #aaa', 'background':'#ccc url(/img/li-bg.png)'});
    }
  });
});

Сообщение отредактировал Drinko - Вторник, 07 Авг 2018, 10:28:03
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 9 | 16:20:13
Цитата Drinko ()
$(document).ready(function() {   $('.shop-options-s').change(function() {
    if ($('option:selected',this).val() != '0') {
      $(this).css({'-moz-box-shadow':'none', '-webkit-box-shadow':'none', 'box-shadow':'none', 'background':'#e7e7e7'});
    } else {
      $(this).css({'-moz-box-shadow':'inset 1px 1px 3px 0 #aaa', '-webkit-box-shadow':'inset 1px 1px 3px 0 #aaa', 'box-shadow':'inset 1px 1px 3px 0 #aaa', 'background':'#ccc url(/img/li-bg.png)'});
    }
  });
});

Вставил этот код в CSS, в итоге получилось:



Белым стали все поля, в которых можно выбрать или вписать значение, код удалил, чтобы вернуть прежний фон, но все осталось как на скриншоте.
Пробовал восстановить прошлые бекапы - фон все равно не возвращается.

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

Добавлено (07 Авг 2018, 16:36:46)
---------------------------------------------
Еще вопрос по скрытию 1-го значения:
Можно ли скрыть не 1-й элемент, а конкретный, то есть "-Выбрать-"? Иначе там, где 1-е значение не проставлено "-Выбрать-", то в карточке скрывается нужное значение.

Не 1-й child, а этот "-Выбрать-"

.ekopt:first-child {
    display: none;
}

Прикрепления: 4772082.jpg (93.9 Kb)
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 10 | 17:03:51
«ShaGun»
Цитата
Вставил этот код в CSS, в итоге получилось:
это был скрипт. его в таблицу стилей не прописывают. его прописывают в шаблоны

Цитата
Не 1-й child, а этот "-Выбрать-"

я же вам уже давала. вот это нужно в css
Цитата
.ekopt.selected {
display: none !important;
}

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 11 | 17:25:29
Цитата webanet ()
«ShaGun», Цитата
Вставил этот код в CSS, в итоге получилось:
это был скрипт. его в таблицу стилей не прописывают. его прописывают в шаблоны

То есть нужно новый скрипт прогнать? Я же восстановил шаблон, почему фон не вернулся?

Цитата webanet ()
я же вам уже давала. вот это нужно в css Цитата
.ekopt.selected {
display: none !important;
}


Этот код скрывает выбранный объект, любой размер, на который кликаешь, скрывается с глаз.
Сообщение отредактировал «ShaGun» - Вторник, 07 Авг 2018, 17:25:46
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 12 | 21:09:45
Цитата «ShaGun» ()
почему фон не вернулся?

У вас в шаблоне "Таблица стилей (CSS)" закомментировано:
Код
/*background:#ccc url(/img/li-bg.png);*/

заменить на:
Код
background:#ccc url(/img/li-bg.png);


Цитата «ShaGun» ()
Можно ли скрыть не 1-й элемент, а конкретный, то есть "-Выбрать-"?

Только скриптом:
Код
$('.ekopt:first-child').text(function() {
  if ($(this).text() == '-Выбрать-') {
     $(this).hide();
  }
});

Сообщение отредактировал Drinko - Вторник, 07 Авг 2018, 21:25:10
«ShaGun»
Сообщений: 116
Репутация: 7

Сообщение # 13 | 23:50:26
Drinko

Цитата Drinko ()
У вас в шаблоне "Таблица стилей (CSS)" закомментировано:/*background:#ccc url(/img/li-bg.png);*/

Это background всего OPTIONS



Цитата Drinko ()
Только скриптом:$('.ekopt:first-child').text(function() {
  if ($(this).text() == '-Выбрать-') {
     $(this).hide();
  }
});

Не работает(
Прикрепления: 7923852.png (286.1 Kb)
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 14 | 01:45:42
Цитата «ShaGun» ()
Не работает(

Скрипт рабочий. Вставляйте после шифрованного скрипта изменения вида списка опций (начинается с var _0x1f3a=) или оборачивайте в document ready:
Код
$(document).ready(function () {
      здесь скрипт
});

Цитата «ShaGun» ()
Это background всего OPTIONS

Ну так укажите для конкретного класса - в вашем случае для class="shop-options-s":
Код
.shop-options-s {
background:#ccc url(/img/li-bg.png);
}

Сообщество uCoz » Модули uCoz » Интернет-магазин » Фон опции в виде товара в каталоге (Описание темы)
  • Страница 1 из 1
  • 1
Поиск: