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


Добавить Кнопки Выбора Модификаций В Карточке Товара


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

#41 RedHead

RedHead

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

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

Отправлено 20 Февраль 2016 - 20:50

Просмотр сообщенияИльяc (20 Февраль 2016 - 19:45) писал:

И еще скажите как вместо текста картинку вставить в то же самое место?

Чтобы вставить картинку, в шаблоне html замените строку
<div class="header-right col-xs-8">
на:
<div class="header-center col-xs-3">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="" title="" />
				 </div>
			   
				 <div class="header-right col-xs-5">
где logo.png замените на название необходимой, загруженной картинки.

#42 Ильяc

Ильяc

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

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

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

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

#43 RedHead

RedHead

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

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

Отправлено 23 Февраль 2016 - 10:49

Просмотр сообщенияИльяc (21 Февраль 2016 - 18:27) писал:

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

Здравствуйте. В шаблоне html замените строку:
<li><a class="skrill" title="Skrill" href="#">Skrill</a></li>
например, на:
<li><a class="skrill" title="Skrill" href="http://mobilefanat.ru/page/oplata">Skrill</a></li>

Т.е. проставьте ссылку на необходимую страницу.

#44 Ильяc

Ильяc

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

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

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

Как сделать чтобы при открытии сайта все товары, находящиеся в "Товары на главной" показывались сразу, а не нужно было нажимать кнопку "Показать еще"? В метрике заметно, что очень мало людей ее нажимают и уходят по другим ссылкам искать что-то.

#45 RedHead

RedHead

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

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

Отправлено 27 Февраль 2016 - 16:01

Просмотр сообщенияИльяc (27 Февраль 2016 - 15:43) писал:

Как сделать чтобы при открытии сайта все товары, находящиеся в "Товары на главной" показывались сразу, а не нужно было нажимать кнопку "Показать еще"? В метрике заметно, что очень мало людей ее нажимают и уходят по другим ссылкам искать что-то.

Здравствуйте. Это можно сделать вручную: в шаблоне mail.css замените блок кода:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3),
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6),
.item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}
на:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4),
.item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8),
.item.item-animate.show-addtocart:nth-child(9), .item.item-animate.show-addtocart:nth-child(10), .item.item-animate.show-addtocart:nth-child(11), .item.item-animate.show-addtocart:nth-child(12),
.item.item-animate.show-addtocart:nth-child(13), .item.item-animate.show-addtocart:nth-child(14), .item.item-animate.show-addtocart:nth-child(15), .item.item-animate.show-addtocart:nth-child(16),
.item.item-animate.show-addtocart:nth-child(17), .item.item-animate.show-addtocart:nth-child(18), .item.item-animate.show-addtocart:nth-child(19), .item.item-animate.show-addtocart:nth-child(20),
.item.item-animate.show-addtocart:nth-child(21), .item.item-animate.show-addtocart:nth-child(22), .item.item-animate.show-addtocart:nth-child(23), .item.item-animate.show-addtocart:nth-child(24),
.item.item-animate.show-addtocart:nth-child(25), .item.item-animate.show-addtocart:nth-child(26), .item.item-animate.show-addtocart:nth-child(27), .item.item-animate.show-addtocart:nth-child(28),
.item.item-animate.show-addtocart:nth-child(29) {display:block;}

и в шаблоне main.js заменить строки:
//Функция показать больше для Товаров на главной
$(function(){
  var i = 0;
  $('.pdt_best_sales .item.item-animate.show-addtocart').each(function(){
	i++;
  })
  if(i<=8){$('.pdt_best_sales .showAllGoods').hide()}
на:
//Функция показать больше для Товаров на главной
$(function(){
  var i = 0;
  $('.pdt_best_sales .item.item-animate.show-addtocart').each(function(){
	i++;
  })
  if(i<=30){$('.pdt_best_sales .showAllGoods').hide()}


#46 Ильяc

Ильяc

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

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

Отправлено 28 Февраль 2016 - 07:25

Просмотр сообщенияRedHead (27 Февраль 2016 - 16:01) писал:

Здравствуйте. Это можно сделать вручную: в шаблоне mail.css замените блок кода:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3),
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6),
.item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}
на:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4),
.item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8),
.item.item-animate.show-addtocart:nth-child(9), .item.item-animate.show-addtocart:nth-child(10), .item.item-animate.show-addtocart:nth-child(11), .item.item-animate.show-addtocart:nth-child(12),
.item.item-animate.show-addtocart:nth-child(13), .item.item-animate.show-addtocart:nth-child(14), .item.item-animate.show-addtocart:nth-child(15), .item.item-animate.show-addtocart:nth-child(16),
.item.item-animate.show-addtocart:nth-child(17), .item.item-animate.show-addtocart:nth-child(18), .item.item-animate.show-addtocart:nth-child(19), .item.item-animate.show-addtocart:nth-child(20),
.item.item-animate.show-addtocart:nth-child(21), .item.item-animate.show-addtocart:nth-child(22), .item.item-animate.show-addtocart:nth-child(23), .item.item-animate.show-addtocart:nth-child(24),
.item.item-animate.show-addtocart:nth-child(25), .item.item-animate.show-addtocart:nth-child(26), .item.item-animate.show-addtocart:nth-child(27), .item.item-animate.show-addtocart:nth-child(28),
.item.item-animate.show-addtocart:nth-child(29) {display:block;}

и в шаблоне main.js заменить строки:
//Функция показать больше для Товаров на главной
$(function(){
var i = 0;
$('.pdt_best_sales .item.item-animate.show-addtocart').each(function(){
i++;
})
if(i<=8){$('.pdt_best_sales .showAllGoods').hide()}
на:
//Функция показать больше для Товаров на главной
$(function(){
var i = 0;
$('.pdt_best_sales .item.item-animate.show-addtocart').each(function(){
i++;
})
if(i<=30){$('.pdt_best_sales .showAllGoods').hide()}

Давайте сделаем лучше так чтобы 5 строк открывалось, а остальные все еще были скрыты. А то кнопка "показать еще" и "скрыть" совсем никак не реагирует

#47 RedHead

RedHead

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

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

Отправлено 28 Февраль 2016 - 10:22

Просмотр сообщенияИльяc (28 Февраль 2016 - 07:25) писал:

Давайте сделаем лучше так чтобы 5 строк открывалось, а остальные все еще были скрыты. А то кнопка "показать еще" и "скрыть" совсем никак не реагирует

Здравствуйте. Тогда в шаблоне main.js заменить строку:
if(i<=8){$('.pdt_best_sales .showAllGoods').hide()}

на:
if(i<=20){$('.pdt_best_sales .showAllGoods').hide()}

а в main.css строки:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3),
.item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6),
.item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}
замените на:
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4),
.item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8),
.item.item-animate.show-addtocart:nth-child(9), .item.item-animate.show-addtocart:nth-child(10), .item.item-animate.show-addtocart:nth-child(11), .item.item-animate.show-addtocart:nth-child(12),
.item.item-animate.show-addtocart:nth-child(13), .item.item-animate.show-addtocart:nth-child(14), .item.item-animate.show-addtocart:nth-child(15), .item.item-animate.show-addtocart:nth-child(16),
.item.item-animate.show-addtocart:nth-child(17), .item.item-animate.show-addtocart:nth-child(18), .item.item-animate.show-addtocart:nth-child(19), .item.item-animate.show-addtocart:nth-child(20) {display:block;}


#48 Ильяc

Ильяc

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

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

Отправлено 28 Февраль 2016 - 19:29

Еще нужно добавить следующий код. Интегрировал сервис sprosikupi.ru

Настройте отслеживание покупок, чтобы увеличить количество отзывов в 3-5 раз. Вызывайте код ниже каждый раз, когда заказ переводится в статус "Выполнен", "Доставлен" и т.п. Обычно данный код размещают на финальной странице оформления заказа (на которой пользователю сообщают о том, что заказ сформирован, благодарят за покупку и т.д).

//Если на странице присутствуют несколько вызовов функции отслеживания заказов, то скрипт можно подключить только один раз.
<script type="text/javascript" src="//static.sprosikupi.ru/js/widget/sprosikupi.bootstrap.js">
</script>

<script type="text/javascript">
window.spkPushOrder({
"apiKey" : "100a*****",
"order"  : "ID заказа",
"email"  : "e-mail покупателя",
"name":  "Фамилия и имя покупателя",
//timestamp создания заказа в формате Unix timestamp
"created":timestamp,
"items"  : [
{
"good"  : "ID товара 1",
"title" : "Наименование товара 1",
"url"   : "URL товара 1",
"image" : "URL картинки товара 1"
},
//Если в заказе более одного товара, добавьте ниже по аналогии
{
"good"  : "ID товара N",
"title" : "Наименование товара N",
"url"   : "URL товара N",
"image" : "URL картинки товара N"
}
]
});
</script>

Замените значения, выделенные красным, на соответствующие значения из каталога товаров.

#49 Ильяc

Ильяc

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

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

Отправлено 04 Март 2016 - 21:15

Подскажите как вместо этой формы рейтинга в карточке товара:
21.png

Поставить ту что на главной странице:
1.png

#50 RedHead

RedHead

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

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

Отправлено 06 Март 2016 - 15:46

Просмотр сообщенияИльяc (04 Март 2016 - 21:15) писал:

Подскажите как вместо этой формы рейтинга в карточке товара:
Поставить ту что на главной странице:

Здравствуйте. В шаблоне ТОВАР найдите и замените блок кода:
<div class="ratings">
					  <div class="spk-good-rating" shop-id="4ba156e59a2fb095321234" good-id="{GOODS_ID}"></div>
				  <!--
				  <div class="rating-box" itemscope itemtype="http://schema.org/AggregateRating" title="Рейтинг товара">
			   
						{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
						  <meta itemprop="worstRating" content = "1">
						  <meta itemprop="bestRating" content = "10">
						  <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}">
						  <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div>
						{% ELSE %}
						  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						{% ENDIF %}
						<p>{GOODS_OPINION_RATING_CNT_ALL}</p>
					   
					   
				   
				  </div>
				  -->
				</div>
на:
<div class="ratings">
										  <div class="spk-good-rating" shop-id="4ba156e59a2fb095321234" good-id="{index_page_goods.ID}" good-url="{index_page_goods.URL}" ></div>
										  <div class="rating-box" itemscope itemtype="http://schema.org/AggregateRating">
											{% IF index_page_goods.OPINION_RATING_VALUE %}
											  <meta itemprop="worstRating" content = "1">
											  <meta itemprop="bestRating" content = "10">
											  <meta itemprop="ratingValue" content = "{index_page_goods.OPINION_RATING_VALUE}">
											  <div class="rating" style="width:{index_page_goods.OPINION_RATING_VALUE}0%" alt="{index_page_goods.OPINION_RATING_VALUE}"></div>
											{% ELSE %}
											  <div class="rating" style="width:0%" alt="Рейтинг не определён"></div>
											{% ENDIF %}
										  </div>
										</div>


#51 Ильяc

Ильяc

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

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

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

Помогите сделать как описано на картинке
66.png

#52 Юля123

Юля123

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

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

Отправлено 11 Март 2016 - 17:06

Просмотр сообщенияИльяc (11 Март 2016 - 16:19) писал:

Помогите сделать как описано на картинке
Прикрепленный файл 66.png

Здравствуйте, в шаблоне HTMl код:

{% IF catalog_full.NAME=Каталог товаров %}icdf icon-chevron-down{% ENDIF %}

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

{% IF catalog_full.NAME=Каталог товаров || catalog_full.NAME=Смартфоны %}icdf icon-chevron-down{% ENDIF %}


#53 Ильяc

Ильяc

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

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

Отправлено 13 Март 2016 - 23:34

Как добавить ссылки к картинкам? см. фото
ссылки.png

#54 RedHead

RedHead

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

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

Отправлено 14 Март 2016 - 09:48

Просмотр сообщенияИльяc (13 Март 2016 - 23:34) писал:

Как добавить ссылки к картинкам? см. фото
Прикрепленный файл ссылки.png

Здравствуйте. В шаблоне html найдите блок кода:

<div class="block free-shipping col-xs-3 col-md-6">
						  <div class="block-title"><span>Быстрая доставка</span></div>
						  <div class="block-content">Доставка и оплата наличными при получении по России!</div>
						</div>
						<div class="block money-back col-xs-3 col-md-6">
						  <div class="block-title"><span>14 дней на возврат</span></div>
						  <div class="block-content">Вы можете вернуть или обменять товар в течении 14 дней после получения заказа</div>
						</div>
						<div class="block orders-247 col-xs-3 col-md-6">
						  <div class="block-title"><span>Прием заказов 24/7</span></div>
						  <div class="block-content">Оформите заказ в интернет-магазине <!--"{SETTINGS_STORE_NAME}"--> прямо сейчас!</div>
						</div>
						<div class="block secured-payment col-xs-3 col-md-6">
						  <div class="block-title"><span>Безопасная оплата</span></div>
						  <div class="block-content">Оплата товаров через платежные сервисы - Яндекс.Касса и Робокасса соответствующие международному стандарту PCI DSS.</div>
						</div>

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

<div class="block free-shipping col-xs-3 col-md-6">
						  <a href="http://mobilefanat.ru/page/catalog"><div class="block-title"><span>Быстрая доставка</span></div></a>
						  <div class="block-content">Доставка и оплата наличными при получении по России!</div>
						</div>
						<div class="block money-back col-xs-3 col-md-6">
						  <a href="http://mobilefanat.ru/page/catalog"><div class="block-title"><span>14 дней на возврат</span></div></a>
						  <div class="block-content">Вы можете вернуть или обменять товар в течении 14 дней после получения заказа</div>
						</div>
						<div class="block orders-247 col-xs-3 col-md-6">
						  <a href="http://mobilefanat.ru/page/catalog"><div class="block-title"><span>Прием заказов 24/7</span></div></a>
						  <div class="block-content">Оформите заказ в интернет-магазине <!--"{SETTINGS_STORE_NAME}"--> прямо сейчас!</div>
						</div>
						<div class="block secured-payment col-xs-3 col-md-6">
						  <a href="http://mobilefanat.ru/page/catalog"><div class="block-title"><span>Безопасная оплата</span></div></a>
						  <div class="block-content">Оплата товаров через платежные сервисы - Яндекс.Касса и Робокасса соответствующие международному стандарту PCI DSS.</div>
						</div>

Ссылки замените на необходимые.

#55 Ильяc

Ильяc

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

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

Отправлено 21 Март 2016 - 10:48

Как добавить ярлык как на картинке, к надписи "Товары со скидкой"?
11111.png

#56 RedHead

RedHead

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

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

Отправлено 22 Март 2016 - 17:48

Просмотр сообщенияИльяc (21 Март 2016 - 10:48) писал:

Как добавить ярлык как на картинке, к надписи "Товары со скидкой"?
Прикрепленный файл 11111.png

Здравствуйте. В конец шаблона main.css вставьте:

#custommenu ul.mainnav li.level0:nth-child(5) a {
	background: url("http://design.mobilefanat.ru/ico-home.png") no-repeat left -3px;
	background-size: 14%;
	background-position-x: 173px;
	padding-right: 30px;
}


Измените ico-home.png на название нужной иконки (предварительно загрузив ее в раздел Редактор шаблонов - кнопка "Добавить файлы")
В соответствии со своим изображением, отредактируйте параметры: размер картинки и ее расположение.




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

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