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


Добавить Кнопку Подробнее


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

#1 Teraweb

Teraweb

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

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

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

Добавить кнопку подробнее с заходом в товар в том же стиле. Скриншот прилагаю Аккаунт SL-387361

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

  • 1.png


#2 Firefly

Firefly

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

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

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

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

Добавить кнопку подробнее с заходом в товар в том же стиле. Скриншот прилагаю Аккаунт SL-387361

В шаблоне Товары код:
							<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						  </li>

Заменил на:
							<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						  </li>
						  <a class="info button" href="{goods.URL | url_amp}"><span>Подробнее</span><i class="fa fa-info-circle"></i></a>

В main.css код:
.products-list .item .product-shop .actions .info {float: left;display: inline-block;font-size: 16px;color: #909090;border: 1px solid #e5e5e5;padding: 0;background-color: transparent;margin-right: 10px;}
.products-list .item .product-shop .actions .info span {padding: 0 10px;}
.products-list .item .product-shop .actions .info .fa {margin-right: -1px;}

Заменил на:
.products-list .item .product-shop .actions .add-cart {float: left;display: inline-block;font-size: 16px;color: #909090;border: 1px solid #e5e5e5;padding: 0;background-color: transparent;margin-right: 10px;}
.products-list .item .product-shop .actions .add-cart span {padding: 0 10px;}
.products-list .item .product-shop .actions .add-cart .fa {margin-right: -1px;}
.products-list .item .product-shop .actions .info {float: left;display: inline-block;font-size: 16px;color: #909090;border: 1px solid #e5e5e5;padding: 0;background-color: transparent;margin-right: 10px;}
.products-list .item .product-shop .actions .info span {padding: 0 10px;}
.products-list .item .product-shop .actions .info .fa {margin-right: -1px;}

Проверьте, пожалуйста.

#3 Teraweb

Teraweb

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

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

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

Спасибо. А сделайте еще, так же, что бы кнопка при наведение меняла цвет как В КОРЗИНУ. Спасибо.

#4 Firefly

Firefly

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

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

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

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

Спасибо. А сделайте еще, так же, что бы кнопка при наведение меняла цвет как В КОРЗИНУ. Спасибо.

После строчки:
.products-list .item .product-shop .actions .info .fa {margin-right: -1px;}

Добавил строку:
.products-list .item .product-shop .actions .info:hover {background: #09afe7;color: #fff;}


#5 Teraweb

Teraweb

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

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

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

Ну просто спасибо огромное.

#6 Teraweb

Teraweb

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

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

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

А есть возможность, что бы в кратком описании внесенная информация с новой строки, тоже отображалась с новой строки?

#7 Firefly

Firefly

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

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

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

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

А есть возможность, что бы в кратком описании внесенная информация с новой строки, тоже отображалась с новой строки?

Здравствуйте.
Для краткого описания товаров в категориях:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
					<div class="desc">
					  <p itemprop="description">{goods.DESCRIPTION_SHORT}</p>
					</div>

Замените на:
					<div class="desc">
					  <p itemprop="description">{goods.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
					</div>

Для краткого описания в карточке товара:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
	  <!-- Краткое описание -->
	  <div class="short-description f-fix">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	  </div>

Замените на:
	  <!-- Краткое описание -->
	  <div class="short-description f-fix">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
	  </div>


#8 Teraweb

Teraweb

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

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

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

Не изменилось ничего.
Как последний пункт каталога сделать ссылкой на нужный мне адрес?

#9 Firefly

Firefly

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

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

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

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

Не изменилось ничего.
Как последний пункт каталога сделать ссылкой на нужный мне адрес?

Здравствуйте.
После выполнения предыдущей инструкции - чтобы строки переносились нужно будет в месте переноса в описании добавить код <br>, например:
Пункты с переносом:<br>
1 пункт<br>
2 пункт<br>
3 пункт

Для задания ссылки на последний пункт меню каталога (в левом блоке) в шаблоне HTML найдите код:
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  </ul>
				 
				</div>

Замените на:
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a {% IF catalog_full.NAME=Строительство бассейнов %}href="ссылка на страницу"{% ELSE %}href="{catalog_full.URL}"{% ENDIF %} {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  </ul>
				 
				</div>
Где укажите ссылку на страницу вместо ссылка на страницу

#10 Teraweb

Teraweb

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

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

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

По краткому описанию Спасибо. С ссылкой не получилось.

#11 Firefly

Firefly

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

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

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

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

По краткому описанию Спасибо. С ссылкой не получилось.

Вы по ошибке заменили код вывода Меню вместо аналогичного блока (но с другим содержимым) для каталога.
Вернул Вам блок меню к стандартному виду и выполнил инструкцию.
Теперь остается заменить ссылку в коде:
												  <a {% IF catalog_full.NAME=Строительство бассейнов %}href="ссылка на страницу"{% ELSE %}href="{catalog_full.URL}"{% ENDIF %} {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>


#12 Teraweb

Teraweb

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

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

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

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

Вы по ошибке заменили код вывода Меню вместо аналогичного блока (но с другим содержимым) для каталога.
Вернул Вам блок меню к стандартному виду и выполнил инструкцию.
Теперь остается заменить ссылку в коде:
												 <a {% IF catalog_full.NAME=Строительство бассейнов %}href="ссылка на страницу"{% ELSE %}href="{catalog_full.URL}"{% ENDIF %} {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
Спасибо. Еще вопрос. Как на слайдер добавить ссылки?

#13 Teraweb

Teraweb

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

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

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

Поможете?

#14 Firefly

Firefly

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

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

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

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

Спасибо. Еще вопрос. Как на слайдер добавить ссылки?

Поскольку Ваш слайдер изначально не предусматривал установку ссылок на изображения - потребовалось переписать код, теперь ссылки на изображения необходимо будет добавлять в шаблоне HTML в коде:
		 <!-- Slider Слайдер -->
		 {% IF index_page %}
			 <div class="jR3DCarouselGallery">
			 <div class="jR3DCarouselCustomSlide"><a href="#"><img src="/design/slide1.jpg" /></a>
				 <!--<div class="jR3DCarouselCaption">This is custom caption 1</div>-->
			 </div>
			 <div class="jR3DCarouselCustomSlide"><a href="#"><img src="/design/slide2.jpg" /></a>
				 <!--<div class="jR3DCarouselCaption">This is custom caption 2</div>-->
			 </div>
			 <div class="jR3DCarouselCustomSlide"><a href="#"><img src="/design/slide6.jpg" /></a>
				 <!--<div class="jR3DCarouselCaption">This is custom caption 3</div>-->
			 </div>
			 <div class="jR3DCarouselCustomSlide"><a href="#"><img src="/design/slide7.jpg" /></a>
				 <!--<div class="jR3DCarouselCaption">This is custom caption 4</div>-->
			 </div>
			 </div>
		 {% ENDIF %}
		 <!-- /END Slider Слайдер -->

Здесь же Вы можете установить ссылки вместо # для соответствующих картинок.

#15 Teraweb

Teraweb

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

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

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

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

#16 Teraweb

Teraweb

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

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

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

А здесь сделайте тоже кнопку Подробнее так же.Аккаунт SL-391742

#17 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 26 Август 2016 - 04:29

В шаблоне Товары после:
{% ELSE %}
							  <a class="add-compare"
								data-action-is-add="1"
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{goods.NAME}"
								data-produrl="{goods.URL}"
								data-id="{goods.ID}"
								data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ENDIF %}
						  {% ENDIF %}
						  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						</li>

вставьте:
<li><a class="info button" href="{goods.URL | url_amp}"><span>Подробнее</span><i class="fa fa-info-circle"></i></a></li>


#18 aleff

aleff

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

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

Отправлено 23 Сентябрь 2016 - 10:10

При выводе товара списком, как вернуть стиль кнопки в корзину и подробнее по умолчанию
Аккаунт SL-211250

#19 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Сентябрь 2016 - 10:21

Просмотр сообщенияaleff (23 Сентябрь 2016 - 10:10) писал:

При выводе товара списком, как вернуть стиль кнопки в корзину и подробнее по умолчанию
Аккаунт SL-211250
Здравствуйте.
В редакторе шаблонов - Товары
(строка 281)
замените
<button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</button>
на
<button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину<i class="fa fa-shopping-cart"></i></button>


#20 aleff

aleff

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

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

Отправлено 23 Сентябрь 2016 - 10:26

Назначение изменилось, а стиль нет




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

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