Перейти к содержимому


Обвести Товар Рамкой


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 18 Май 2016 - 11:41

Здравствуйте!

Пока писала заголовок, идею изменила. Прошу понять и простить)))

В общем, нужно на странице списка товаров подкатегории в каталоге текст "Оформить бронь" выделить жирным, а название товара и цену оформить аналогично тому как это реализовано уровнем выше (подкатегории каталога выглядят как кнопки темного цвета со светлым текстом)

#2 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 18 Май 2016 - 11:48

И еще очень желательно убрать поля "Показывать по" и "Сортировать по"

#3 Юля123

Юля123

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

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

Отправлено 18 Май 2016 - 15:40

Просмотр сообщенияNatashka prosto prazdnik (18 Май 2016 - 11:41) писал:

Здравствуйте!

Пока писала заголовок, идею изменила. Прошу понять и простить)))

В общем, нужно на странице списка товаров подкатегории в каталоге текст "Оформить бронь" выделить жирным, а название товара и цену оформить аналогично тому как это реализовано уровнем выше (подкатегории каталога выглядят как кнопки темного цвета со светлым текстом)

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

.product-name a, .price-box span {
	color: #fff;
	text-shadow: none;
}
.product-name, .price-box {
	background: #1E1E21;
}

.actions a {
	font-weight: bold;
}

В шаблоне Товары найдите и удалите код (встречается 2 раза, удалить нужно везде):

		  <!-- Показывать по: (Шаг для выбора пользователем лимита выдачи товаров на страницу от 1 до 100) -->
		  <div class="show-by">
			<label>Показывать по:</label>
			<select name="per_page" class="selectBox" title="Лимит товаров на странице" onchange="this.form.submit();">
			  {% FOR goods_per_page_list %}
				<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
			  {% ENDFOR %}
			</select>
		  </div>
		  <!-- /END Показывать по: -->
		  <!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
		  <div class="sort-by">
			<label>Сортировать по:</label>
			<select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();">
			  {% FOR goods_order_fields %}
				<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			  {% ENDFOR %}
			</select>
		  </div>
		  <!-- /END Сортировать по: -->


#4 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 18 Май 2016 - 17:24

Спасибо! Все здорово,только цвет отличается. Попыталась найти сама - не вышло. Подскажите, пожалуйста html-код цвета фона кнопок категорий и подкатегорий

И еще чуть доработать:

1. Убрать всплывающую подсказку в каталоге (скрин во вложении)
2. В карточке товара отменить выделение темным цветом название товара.

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

  • Безымянный.png


#5 Firefly

Firefly

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

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

Отправлено 18 Май 2016 - 18:08

Просмотр сообщенияNatashka prosto prazdnik (18 Май 2016 - 17:24) писал:

Спасибо! Все здорово,только цвет отличается. Попыталась найти сама - не вышло. Подскажите, пожалуйста html-код цвета фона кнопок категорий и подкатегорий

Здравствуйте.
Для категорий:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.cat-info h3 {display: block;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

Измените значение цвета rgba(0,0,0,0.7) на необходимое.

Для товаров:
Найдите код:
.product-name, .price-box {
		background: #666;
}

Измените значение #666;

#6 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

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

Просмотр сообщенияFirefly (18 Май 2016 - 18:08) писал:

Здравствуйте.
Для категорий:
...
Измените значение цвета rgba(0,0,0,0.7) на необходимое.

Вот я и прошу сказать на какой изменить?) Если идти вглубь по каталогу, то на первом и втором уровне цвета фона кнопок п=категорий одинаковы, а цвет кнопки товара отличается. И я не знаю как его сделать таким же как у категорий)

Просмотр сообщенияFirefly (18 Май 2016 - 18:08) писал:

...
Для товаров:
...
Измените значение #666;

Вопрос как раз в том, на что менять?) Подскажите, пожалуйста, код основного фона страниц?

#7 Vaccina

Vaccina

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

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

Отправлено 19 Май 2016 - 06:42

На данном сайте вы можете просмотреть код понравившегося цвета и указать его у себя на сайте:
http://www.color-hex.com/

#8 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 19 Май 2016 - 11:04

Просмотр сообщенияVaccina (19 Май 2016 - 06:42) писал:

На данном сайте вы можете просмотреть код понравившегося цвета и указать его у себя на сайте:
http://www.color-hex.com/

Не понимаю проблемы. Есть выделение цветом в карточке товара, которое не нужно. Зачем мне искать какой код соответствует фону сайта, чтобы закамуфлировать это выделение? Его нельзя просто удалить в коде? Это по второму вопросу.

Хотя по первому тоже непонятно. Выделение было создано с помощью изменения кода. Соответственно, какой-то цвет был указан там. Не мной. Если Вы усмариваете в кодах цвета некую коммерческую тайну, не называйте его! Пожалуйста, измените сами)

#9 Юля123

Юля123

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

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

Отправлено 19 Май 2016 - 12:55

Просмотр сообщенияNatashka prosto prazdnik (19 Май 2016 - 11:04) писал:

Не понимаю проблемы. Есть выделение цветом в карточке товара, которое не нужно. Зачем мне искать какой код соответствует фону сайта, чтобы закамуфлировать это выделение? Его нельзя просто удалить в коде? Это по второму вопросу.

Хотя по первому тоже непонятно. Выделение было создано с помощью изменения кода. Соответственно, какой-то цвет был указан там. Не мной. Если Вы усмариваете в кодах цвета некую коммерческую тайну, не называйте его! Пожалуйста, измените сами)

Здравствуйте, напишите, пожалуйста, список элементов, цвета которых Вас интересуют, вышлем Вам в том же порядке коды цветов

#10 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 19 Май 2016 - 19:22

Просмотр сообщенияЮля123 (19 Май 2016 - 12:55) писал:

Здравствуйте, напишите, пожалуйста, список элементов, цвета которых Вас интересуют, вышлем Вам в том же порядке коды цветов

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


Еще вот этот вопрос не решен:

Просмотр сообщенияNatashka prosto prazdnik (18 Май 2016 - 17:24) писал:

1. Убрать всплывающую подсказку в каталоге
скрин в искомом сообщении

3. В мобильной версии темная кнопка подкатегории имеет меньшую высоту, чем текст названия категории. Нужно либо уменьшить шрифт, либо увеличить высоту кнопки

4. Необходимо совсем убрать надпись о количестве товаров в категории.

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

  • Дата-время.png
  • Товар.png


#11 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 23 Май 2016 - 08:35

Напомню о себе

#12 Юля123

Юля123

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

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

Отправлено 23 Май 2016 - 12:20

Просмотр сообщенияNatashka prosto prazdnik (19 Май 2016 - 19:22) писал:

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


Еще вот этот вопрос не решен:

скрин в искомом сообщении

3. В мобильной версии темная кнопка подкатегории имеет меньшую высоту, чем текст названия категории. Нужно либо уменьшить шрифт, либо увеличить высоту кнопки

4. Необходимо совсем убрать надпись о количестве товаров в категории.


1,2) Нужный Вам цвет - rgba(0,0,0,0.7); Чтобы его установить для кнопок Даты-Времени, в main.css найдите код:

.product-name, .price-box {
		background: #666;
}


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

.item .product-name,  .price-box {
	background: rgba(0,0,0,0.7);
}


Чтобы убрать всплывающее окно в main.css найдите и удалите код:
[data-tooltip]:hover:before, [data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

3) В main.css найдите код:

.cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}

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

.cat-info {display: inline-block;position: relative; overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}

4) В шаблоне HTML найдите код:

{CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %}

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

{CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} {% ENDIF %}


#13 Natashka prosto prazdnik

Natashka prosto prazdnik

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

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 12 Июнь 2016 - 20:43

Спасибо!




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

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