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


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


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

#1 McCornic

McCornic

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

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

Отправлено 29 Октябрь 2016 - 20:49

Помогите пожалуйста на странице товара произвести следующие изменения:

1. убрать путь к странице (на скриншоте под №1)
2. убрать рейтинг товара (на скриншоте под №2)
3. убрать значок "избранное" (на скриншоте под №3)
4. переименовать кнопку "Быстрый заказ" в "Оформить заказ"

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

  • карточка товара.jpg


#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 29 Октябрь 2016 - 21:00

Просмотр сообщенияMcCornic (29 Октябрь 2016 - 20:49) писал:

Помогите пожалуйста на странице товара произвести следующие изменения:

1. убрать путь к странице (на скриншоте под №1)
2. убрать рейтинг товара (на скриншоте под №2)
3. убрать значок "избранное" (на скриншоте под №3)
4. переименовать кнопку "Быстрый заказ" в "Оформить заказ"

1. Уточните, пожалуйста, убрать данный блок нужно только на странице товара?
2. В файле main.css
найдите(611 строка)
.product-view .product-shop .ratings {position: relative;margin: 0 0 15px 20px;padding: 0px 10px;}
замените на
.product-view .product-shop .ratings {dislplay: none; position: relative;margin: 0 0 15px 20px;padding: 0px 10px;}
3.После 638 строки
.product-view .product-shop .add-to-box .add-to-links .button.add-compare, .product-view .product-shop .add-to-box .add-to-links .button.add-wishlist {padding: 0px 10px;font-size: 18px;line-height: 36px;}
добавьте
.product-view .product-shop .add-to-box .add-to-links .button.add-wishlist {display: none;}

4. В шаблоне Товар найдите (250 строка)
<button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
Замените на
<button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Оформить заказ</button>


#3 McCornic

McCornic

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

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

Отправлено 29 Октябрь 2016 - 21:09

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

#4 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 29 Октябрь 2016 - 23:37

Просмотр сообщенияMcCornic (29 Октябрь 2016 - 21:09) писал:

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

1. В файле main.css
найдите
/*** Хлебные крошки ***/
#breadcrumbs {position: relative;color: #666666;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #efefec;padding: 20px 0;text-align: center;}
замените на
/*** Хлебные крошки ***/
#breadcrumbs {display: none; position: relative;color: #666666;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #efefec;padding: 20px 0;text-align: center;}

2.В файле main.css
найдите(611 строка)
.product-view .product-shop .ratings {dislplay: none; position: relative;margin: 0 0 15px 20px;padding: 0px 10px;}
замените на
.product-view .product-shop .ratings {display: none; position: relative;margin: 0 0 15px 20px;padding: 0px 10px;}


#5 McCornic

McCornic

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

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

Отправлено 30 Октябрь 2016 - 10:20

спасибо, все работает

#6 McCornic

McCornic

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

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

Отправлено 19 Февраль 2017 - 18:04

Помогите пожалуйста сделать следующие изменения:

1. убрать в карточке товара строку "Наличие товара" (скрин прилагаю)
2. Убрать внизу каталога сортировку товара "Сортировать по" (отметил на скриншоте)
3. Сделать переключение между страницами каталога по середине (отметил на скриншоте)
4. В цене товара поменять местами шрифт (старую цену сделать шрифтом больше, а новую цену шрифтом меньше)

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

  • 1.jpg
  • 2.jpg


#7 MikDark

MikDark

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

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

Отправлено 20 Февраль 2017 - 14:29

Просмотр сообщенияMcCornic (19 Февраль 2017 - 18:04) писал:

Помогите пожалуйста сделать следующие изменения:

1. убрать в карточке товара строку "Наличие товара" (скрин прилагаю)
2. Убрать внизу каталога сортировку товара "Сортировать по" (отметил на скриншоте)
3. Сделать переключение между страницами каталога по середине (отметил на скриншоте)
4. В цене товара поменять местами шрифт (старую цену сделать шрифтом больше, а новую цену шрифтом меньше)

Здравствуйте.
1) В шаблоне Товар Вам нужно удалить код:
 <!-- Доступность товара -->
	<div class="goodsDataMainModificationAvailable f-fix">
	  <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
	  <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Нет в наличии</span></div>
	</div>

2) В шаблоне Товары удалите код:

		  <!-- Вид Таблица/Список -->
		  <div class="view-mode">
			{% IF GOODS_VIEW_TYPE=1 %}
			  <span title="Таблица" class="fa fa-th-large"></span>
			  <a data-href="?goods_view_type=2" title="Список" class="fa fa-th-list"></a>
			{% ELSE %}
			  <a data-href="?goods_view_type=1" title="Таблица" class="fa fa-th-large"></a>
			  <span title="Список" class="fa fa-th-list"></span>
			{% ENDIF %}
		  </div>
		  <!-- /END Вид Таблица/Список -->
		  <!-- Показывать по: (Шаг для выбора пользователем лимита выдачи товаров на страницу от 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 Сортировать по: -->

После изменений напишите нам, сделаем оставшиеся 2 пункта

#8 McCornic

McCornic

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

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

Отправлено 20 Февраль 2017 - 20:24

Первые два пункта сделал, помогите пожалуйста со следующими двумя.

#9 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Февраль 2017 - 15:27

Просмотр сообщенияMcCornic (19 Февраль 2017 - 18:04) писал:

3. Сделать переключение между страницами каталога по середине (отметил на скриншоте)
4. В цене товара поменять местами шрифт (старую цену сделать шрифтом больше, а новую цену шрифтом меньше)
3. В файле main.css
/*** Товары ***/
ниже замените
.toolbar.bottom {margin: 10px 0 30px;}
на
.toolbar.bottom { margin: 10px 0 30px; text-align: center;}
после добавьте
.toolbar.bottom .form-inline.OrderFilterForm {
display: inline-block;
}
4. В файле main.css
/* Цена */
.price {display: inline-block;color: #22121e;font-size: 16px;font-weight: 700;}
.price:after {display: inline-block;font-family: FontAwesome;font-weight: 300;font-size: 80%;line-height: 1.1;}
.old-price .price, .price.old-price {font-size: 12px;color: #bbbbbb;text-decoration: line-through;font-weight: 300;}
замените на
/* Цена */
.price {display: inline-block;color: #22121e;font-size: 14px;font-weight: 700;}
.price:after {display: inline-block;font-family: FontAwesome;font-weight: 300;font-size: 80%;line-height: 1.1;}
.old-price .price, .price.old-price {font-size: 16px;color: #bbbbbb;text-decoration: line-through;font-weight: 300;}


#10 McCornic

McCornic

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

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

Отправлено 21 Февраль 2017 - 16:17

спасибо за помощь! а можно тоже самое с ценой сделать и в самой карточке товара? чтобы старая цена была была больше размером чем новая. Спасибо!

#11 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Февраль 2017 - 16:28

Просмотр сообщенияMcCornic (21 Февраль 2017 - 16:17) писал:

спасибо за помощь! а можно тоже самое с ценой сделать и в самой карточке товара? чтобы старая цена была была больше размером чем новая. Спасибо!
Для карточки товара
в файле main.css
замените
для старой цены
.product-view .product-shop .price-box .old-price > span {font-size: 18px;margin: 0 10px 0 0;}
для новой цены
.product-view .product-shop .price-box .special-price span {font-size: 24px;line-height: 30px;}

свойство font-size: - размер шрифта

#12 McCornic

McCornic

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

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

Отправлено 21 Февраль 2017 - 16:51

спасибо огромное!

#13 McCornic

McCornic

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

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

Отправлено 21 Февраль 2017 - 17:16

Еще пару вопросов:
1. не подскажите как убрать в блоке "Вы смотрели" - tovar (страницу созданную для отзывов)? что-то у меня не получается
2. как вставить на главной странице кнопку "Перейти в каталог" между блоком "Хиты продаж" и основным текстом. пример кнопки и где ее нужно разместить прилагаю.

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

  • кнопка.jpg
  • пример кнопки.jpg


#14 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 22 Февраль 2017 - 14:33

1. Пункт поправил
В шаблоне HTML
<!-- Вы смотрели -->
{% IFNOT recently_viewed_goods_empty %}
<div class="block viewed">
<h4 class="title">Вы смотрели</h4>
<div class="content">
<ul class="viewed-items">
{% FOR recently_viewed_goods %}
{% IFNOT recently_viewed_goods.NAME= tovar %}
{% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %}
ниже
								 {%ENDIF%}
								 {% ENDFOR %}
							 </ul>
						 </div>
					 </div>
					 {% ENDIF %}
		 <!-- /END Вы смотрели -->

2.Кнопку добавил в шаблоне HTML
				 <!-- /END Товары на главной, Новинки, Хиты -->
				 {% IF index_page %}
				 <div class="text-center">
				   <a class="button big" href="/catalog/Ves-katalog" title="Перейти в Каталог">Перейти в каталог</a>
				 </div>
				 {% ENDIF %}


#15 McCornic

McCornic

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

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

Отправлено 22 Февраль 2017 - 23:43

Спасибо все отлично! Помогите пожалуйста еще в трех вопросах:

1. Нужно убрать в карточке товара во вкладке "Доставка" строчку "Стоимость доставки"- 0 руб (скрин прилагаю)
2. в отзывах сделать нумерацию страниц по середине (скрин прилагаю)
3. Убрать в категориях товара кол-во товара, которое указывается рядом с категорией. (скрин)

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

  • доставка.jpg
  • отзывы.jpg
  • кол-во.jpg


#16 MikDark

MikDark

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

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

Отправлено 23 Февраль 2017 - 17:58

Просмотр сообщенияMcCornic (22 Февраль 2017 - 23:43) писал:

Спасибо все отлично! Помогите пожалуйста еще в трех вопросах:

1. Нужно убрать в карточке товара во вкладке "Доставка" строчку "Стоимость доставки"- 0 руб (скрин прилагаю)
2. в отзывах сделать нумерацию страниц по середине (скрин прилагаю)
3. Убрать в категориях товара кол-во товара, которое указывается рядом с категорией. (скрин)

Здравствуйте.
1) В шаблоне Товары Вам нужно заменить код:
{% IF goods_delivery.PRICE=0 %}
				<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
			  {% ELSE %}
				<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
			  {% ENDIF %}

на

{% IF goods_delivery.PRICE!=0 %}
				<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
			  {% ENDIF %}

2) В main.css замените код:
.goodsDataOpinionListNavigateBottom .pager .pages {
	float: none;
	margin: 0 auto;
	display: block;
	width: 200px;
}

на

.goodsDataOpinionListNavigateBottom .pager .pages {
	float: left;
}

3) В шаблоне HTML замените:
  {% ELSEIF MOD_LNAME=catalog %}
				<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} <span>{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}.</span>{% ENDIF %} {% ENDIF %}</h1>
			  {% ENDIF %}   

на

  {% ELSEIF MOD_LNAME=catalog %}
				<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME}{% ENDIF %} {% ENDIF %}</h1>
			  {% ENDIF %}   


#17 McCornic

McCornic

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

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

Отправлено 23 Февраль 2017 - 22:06

спасибо большое, только по второму пункту вопрос, я не нашел такую строку, у меня уже якобы та строка на которую изменить нужно. И соответственно ничего со вторым пунктом не получилось :(

и еще вопрос. На странице отзывы, когда нажимаешь на вкладку "отрицательные", почему-то ничего не отображается, хотя отрицательные отзывы есть. В чем может быть проблема?

#18 Ирина345

Ирина345

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

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

Отправлено 27 Февраль 2017 - 11:38

Просмотр сообщенияMcCornic (23 Февраль 2017 - 22:06) писал:

спасибо большое, только по второму пункту вопрос, я не нашел такую строку, у меня уже якобы та строка на которую изменить нужно. И соответственно ничего со вторым пунктом не получилось :(

и еще вопрос. На странице отзывы, когда нажимаешь на вкладку "отрицательные", почему-то ничего не отображается, хотя отрицательные отзывы есть. В чем может быть проблема?
Здравствуйте, извините за долгий ответ.
Найдите в файле main.css на строке 671
.goodsDataOpinionListNavigateBottom .pager .pages {float: left;}
замените на
.goodsDataOpinionListNavigateBottom .pager .pages {	float: none;
	position: relative;
	margin: 0 auto;
	width: 200px;
	text-align: center;}
Отрицательные отзывы отображаются на второй странице отзывов.
Фильтрация отзывов на положительные или отрицательные происходит в пределах одной страницы.

#19 McCornic

McCornic

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

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

Отправлено 27 Февраль 2017 - 21:37

Спасибо за помощь! Подскажите еще пожалуйста, как в каталоге сделать чтобы нумерация не по две страницы отображалась (1 2 >), а хотя бы по 5. например: 1 2 3 4 5 >
Надеюсь понятно объяснил)

#20 Vaccina

Vaccina

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

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

Отправлено 01 Март 2017 - 04:23

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Страницы -->
		  {% IF show_pages %}
		  <div class="pages">
			<ol>
			  {% IF GOODS_PAGES_SHOW_FIRST %}
			  <li class="first-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_FIRST}" title="Первая страница"><i class="fa fa-angle-left"></i></a></li>
			  <li class="prev-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			  {% ENDIF %}
			  <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			  {% IF GOODS_PAGES_SHOW_LAST %}
			  <li class="next-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			  <li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-right"></i></a></li>
			  {% ENDIF %}
			</ol>
		  </div>
		  {% ENDIF %}
		  <!-- /END Страницы -->

замените на:
<!-- Страницы -->
						  {% IF show_pages %}
						  <div class="pages">
								<ol>
								  {% IF GOODS_PAGES_SHOW_PREVIOUS %}
								  <li>
										<a class="previous_page" href="{GOODS_PAGINATE_URL | url_amp}&amp;page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница (&larr; + Ctrl)">
										  <i class="fa fa-angle-left"></i>
										</a>
								  </li>
								  {% ENDIF %}
								  {% FOR goods_pages %}
										{% IF goods_pages.CURRENT %}
										  <li class="current"><span>{goods_pages.PAGE}</span></li>
										{% ELSE %}
										  <li><a href="{GOODS_PAGINATE_URL | url_amp}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a></li>
										{% ENDIF %}
								  {% ENDFOR %}
								  {% IF GOODS_PAGES_SHOW_NEXT %}
								  <li>
										<a class="next_page" href="{GOODS_PAGINATE_URL | url_amp}&amp;page={GOODS_PAGES_NEXT}" title="Следующая страница (Ctrl + &rarr;)">
										  <i class="fa fa-angle-right"></i>
										</a>
								  </li>
								  {% ENDIF %}
								</ol>
						  </div>
						  {% ENDIF %}
						  <!-- /Страницы -->





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

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