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


Изменение Карточки Товара


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

#1 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 10:57

Здравствуйте, помогите пожалуйста изменить некоторые элементы в карточке товара:
  • Передвинуть артикул и наличие товара
  • добавить возможность вставить бренд с логотипом
  • сделать звезды рейтинга не серыми а желтыми по умолчанию
  • сделать цену больше и жирней, ее совсем не видно
  • добавить блок с изображениями способов оплаты
Файл с тем что есть и что хотелось бы прикрепляю. Заранее спасибо!

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

  • пример.jpg


#2 MikDark

MikDark

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

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

Отправлено 24 Август 2016 - 11:28

Просмотр сообщенияTanksav (24 Август 2016 - 10:57) писал:

Здравствуйте, помогите пожалуйста изменить некоторые элементы в карточке товара:
  • Передвинуть артикул и наличие товара

  • добавить возможность вставить бренд с логотипом

  • сделать звезды рейтинга не серыми а желтыми по умолчанию

  • сделать цену больше и жирней, ее совсем не видно

  • добавить блок с изображениями способов оплаты
Файл с тем что есть и что хотелось бы прикрепляю. Заранее спасибо!

1) В main.css найдите код:
.product-view .product-shop .price-box {
	float: left;
	margin-bottom: 10px;
}

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

.product-view .product-shop .price-box {
	margin-bottom: 10px;
}

Далее там же найдите код:
.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
	margin: 0 0 10px 0;
	font-weight: bold;
}

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

.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
	margin: 0 0 10px 0;
	font-weight: bold;
	float: left;
	width: 50%;
}

3) Данные звезды находятся в изображении bkg_rating.png , которое находится в разделе Сайт - Редактор шаблонов. Измените его и залейте назад в этот раздел.

4) В main.css найдите код:
.price {
	display: inline-block;
	color: #c7081b;
	font-size: 18px;
	letter-spacing: 0.5px;
}

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


.price {
	display: inline-block;
	color: #c7081b;
	font-size: 18px;
	letter-spacing: 0.5px;
font-weight:bold;
}

Параметр font-size меняйте до нужного значения

#3 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 12:01

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

#4 Danil

Danil

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

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

Отправлено 24 Август 2016 - 16:06

Просмотр сообщенияTanksav (24 Август 2016 - 12:01) писал:

Спасибо большое,  замечательно смотрится!  Надеюсь с отображением бренда и логотипами карт тоже поможете и забыла еще про кнопки "кол-во", "в корзину" и "быстрый заказ", помогите поставить их в один ряд как на прикрепленном ранее рисунке. Еще раз благодарю!
Здравствуйте.
В main.css найдите код
.product-view .product-shop .add-to-box .add-to-cart {
	margin-bottom: 20px;
}
и замените на

.product-view .product-shop .add-to-box .add-to-cart {
	margin-bottom: 20px;
	width: auto;
	float: right;
}
Что касается брендов, то есть несколько способов реализации:
1) Использовать привязку к категориям с помощью условия в коде.
2) Использовать одно из описаний для вставки изображения для бренда(в этом случае укажите, какое описание Вы будете использовать).

#5 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 16:25

Просмотр сообщенияDanil (24 Август 2016 - 16:06) писал:

Здравствуйте.
В main.css найдите код
.product-view .product-shop .add-to-box .add-to-cart {
margin-bottom: 20px;
}
и замените на

.product-view .product-shop .add-to-box .add-to-cart {
margin-bottom: 20px;
width: auto;
float: right;
}
Что касается брендов, то есть несколько способов реализации:
1) Использовать привязку к категориям с помощью условия в коде.
2) Использовать одно из описаний для вставки изображения для бренда(в этом случае укажите, какое описание Вы будете использовать).
Спасибо большое за помощь! С брендами мне первый вариант подойдет, подскажите как это реализовать? Так же не понятно как картинки способов оплаты прикрепить под кнопкой заказа в карточке товара? Если можете, подскажите пожалуйста

#6 Danil

Danil

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

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

Отправлено 24 Август 2016 - 16:32

Просмотр сообщенияTanksav (24 Август 2016 - 16:25) писал:

Спасибо большое за помощь! С брендами мне первый вариант подойдет, подскажите как это реализовать? Так же не понятно как картинки способов оплаты прикрепить под кнопкой заказа в карточке товара? Если можете, подскажите пожалуйста
В шаблоне Товар найдите код
	<div class="product-shop col-md-5 col-sm-12 col-xs-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
и после него вставьте

{% FOR upper_navigation %}
	 {% IF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ1 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ1">
	 {% ELSEIF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ2 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ2">
	 {% ELSEIF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ3 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ3">
	 {% ENDIF %}
{% ENDFOR %}

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

#7 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 17:21

Просмотр сообщенияDanil (24 Август 2016 - 16:32) писал:

В шаблоне Товар найдите код
<div class="product-shop col-md-5 col-sm-12 col-xs-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
и после него вставьте

{% FOR upper_navigation %}
{% IF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ1 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ1">
{% ELSEIF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ2 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ2">
{% ELSEIF upper_navigation.NAME = НАЗВАНИЕ КАТЕГОРИИ3 %}<img src="ССЫЛКА НА КАРТИНКУ С БРЕНДОМ3">
{% ENDIF %}
{% ENDFOR %}

После того, как добавите хотя бы один бренд, напишите нам, для дальнейшей корректировки отображения карточки товара.
Так же загрузите в раздел Сайт - Редактор шаблонов картинку способов оплаты и пришлите ее название.
1) Бренд вставила (посмотреть можно здесь), но он отображается над названием, можно ли его справа от цены сделать и не просто картинкой, а так: "Бренд: картика бренда"?   2) картинку способов оплаты вставила, называется oplata.png Заранее благодарю!

#8 Danil

Danil

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

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

Отправлено 24 Август 2016 - 17:30

Просмотр сообщенияTanksav (24 Август 2016 - 17:21) писал:

1) Бренд вставила (посмотреть можно здесь), но он отображается над названием, можно ли его справа от цены сделать и не просто картинкой, а так: "Бренд: картика бренда"?   2) картинку способов оплаты вставила, называется oplata.png Заранее благодарю!
Отображение Вам подправил, проверьте.

#9 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 17:35

Просмотр сообщенияDanil (24 Август 2016 - 17:30) писал:

Отображение Вам подправил, проверьте.
Супер! Спасибо большое! Вот только звезды рейтинга вправо слишком уплыли можно их над "наличием товара" сделать?

#10 Danil

Danil

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

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

Отправлено 24 Август 2016 - 17:47

Просмотр сообщенияTanksav (24 Август 2016 - 17:35) писал:

Супер! Спасибо большое! Вот только звезды рейтинга вправо слишком уплыли можно их над "наличием товара" сделать?
Для более корректного отображения рейтинга в карточке товара на всех разрешениях, в конец main.css добавьте
.available-true {text-align: right;}


#11 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 17:56

Просмотр сообщенияDanil (24 Август 2016 - 17:47) писал:

Для более корректного отображения рейтинга в карточке товара на всех разрешениях, в конец main.css добавьте
.available-true {text-align: right;}
Спасибо большое!

#12 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 18:17

Просмотр сообщенияTanksav (24 Август 2016 - 17:56) писал:

Спасибо большое!
Извините, я изображение бренда поменяла и у меня все слетело, бренд опять сверху и способов оплаты нет, верните пожалуйста все как было, еще раз извините!

Просмотр сообщенияTanksav (24 Август 2016 - 17:56) писал:

Спасибо большое!
Извините, я изображение бренда поменяла и у меня все слетело, бренд опять сверху и способов оплаты нет, верните пожалуйста все как было, еще раз извините!

#13 Danil

Danil

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

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

Отправлено 24 Август 2016 - 18:28

Просмотр сообщенияTanksav (24 Август 2016 - 18:17) писал:

Извините, я изображение бренда поменяла и у меня все слетело, бренд опять сверху и способов оплаты нет, верните пожалуйста все как было, еще раз извините!

Извините, я изображение бренда поменяла и у меня все слетело, бренд опять сверху и способов оплаты нет, верните пожалуйста все как было, еще раз извините!
Все изменения сохранены в последнем бэкапе, восстановите его и попробуйте произвести замену изображений снова.

#14 Tanksav

Tanksav

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

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

Отправлено 24 Август 2016 - 18:31

Просмотр сообщенияDanil (24 Август 2016 - 18:28) писал:

Все изменения сохранены в последнем бэкапе, восстановите его и попробуйте произвести замену изображений снова.
Спасибо, все исправилось.

#15 Tanksav

Tanksav

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

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

Отправлено 11 Декабрь 2016 - 09:12

Здравствуйте, помогите выделить модификацию как на примере

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

  • пример комплектации.jpg


#16 Tanksav

Tanksav

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

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

Отправлено 11 Декабрь 2016 - 09:25

Просмотр сообщенияTanksav (11 Декабрь 2016 - 09:12) писал:

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

#17 Tanksav

Tanksav

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

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

Отправлено 25 Январь 2017 - 09:42

Здравствуйте, подскажите пожалуйста как дбавить вкладку  "гарантия" в карточке товара. ( сразу после характеристик).

#18 Tanksav

Tanksav

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

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

Отправлено 27 Январь 2017 - 08:27

Извинит что надоедаю, я все еще жду помощи.

#19 Ирина345

Ирина345

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

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

Отправлено 27 Январь 2017 - 14:55

Просмотр сообщенияTanksav (25 Январь 2017 - 09:42) писал:

Здравствуйте, подскажите пожалуйста как дбавить вкладку  "гарантия" в карточке товара. ( сразу после характеристик).
Здравствуйте, на данный момент вкладка гарантия у Вас установлена. Уточните вопрос актуален?

#20 Tanksav

Tanksav

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

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

Отправлено 27 Январь 2017 - 16:59

актуален, тк вкладка видна не только в самой вкладке, но и в полном описании




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

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