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


Помогите Пожалуйста Внести Правки


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

#61 dodgeandbaby

dodgeandbaby

    Новичок

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

Отправлено 15 Июль 2016 - 11:46

Просмотр сообщенияStasya (01 Июль 2016 - 18:23) писал:

Чтобы при смене модификаций менялась главная картинка товара нужно:
1) Чтобы у Вас был выбор цвета и размера, Вам необходимо в админке добавить все эти модификации, но не просто так, а перебором сочетаний цвет-размер
Например, есть цвет  - желтый и красный, а размер - 1 и 2, тогда добавленные модификации будут выглядеть следующим образом:
Мод. Цвет- желтый Свойство: Размер -1
Мод. Цвет- желтый Свойство: Размер -2
Мод. Цвет- красный Свойство: Размер -1
Мод. Цвет- красный Свойство: Размер -2
Свойство добавляется к модификации при помощи кнопки Добавить свойство

2) Все переборы добавлены, теперь необходимо добавить изображение, это необходимо сделать к каждой модификации (Мод. Цвет- желтый Свойство: Размер -1) в поле Добавить описание.
Вставьте в данное поле вот этот код
<img src="ссылка на изображение">

Заместо Ссылка на изображение укажите ссылку на реальное изображение

3) Теперь переходим к  коду.
В файле main.js найдите блок
// Отправим запись об ошибке на сервер
		 sendError('no modification by slug '+slug);
		 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 }

и сразу после него с новой строки вставьте
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_new);
$('.general-img a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');

4) Там же найдите блок
// Добавление/удаление товара на сравнение/избранное через ajax
$('.add-compare').click(function(){
И перед ним добавьте блок строку  
$('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change');

5) В шаблоне Товар находим строку
<center class="goodsImageZoom" data="{GOODS_IMAGE_ID}">Увеличить изображение</center>
и заменяем ее на
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1">Увеличить изображение</a>

Вот в принципе и все. Проблема теперь заключается только в функции zoom (при наведении на картинку увеличивается часть картинки). Так как ее переписать не удастся,  предлагаю ее убрать.

Здравствуйте уважаемый модератор ! Сделал всё по вашей инструкции за исключением пятого пункта, так как не нашел просто этих строчек. Всё работает на мобильной версии и  на компьютерной версии . Но на компьютерной версии  появляется дополнительная картинка при выборе цвета, можно ли её отключить? то есть чтоб при выборе цвета менялась только основная картинка и не появлялась маленькая дополнительная под строчкой с цветом ???
спасибо !

Сообщение отредактировал dodgeandbaby: 16 Июль 2016 - 11:47


#62 Ирина345

Ирина345

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

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

Отправлено 18 Июль 2016 - 09:52

Просмотр сообщенияdodgeandbaby (15 Июль 2016 - 11:46) писал:

Здравствуйте уважаемый модератор ! Сделал всё по вашей инструкции за исключением пятого пункта, так как не нашел просто этих строчек. Всё работает на мобильной версии и  на компьютерной версии . Но на компьютерной версии  появляется дополнительная картинка при выборе цвета, можно ли её отключить? то есть чтоб при выборе цвета менялась только основная картинка и не появлялась маленькая дополнительная под строчкой с цветом ???
спасибо !
Здравствуйте,
Пятый пункт можете не выполнять, так как в Вашем шаблоне отсутствует кнопка "Увеличить изображение".
Что бы скрыть дополнительное изображение, найдите в шаблоне Товар код
<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
							<div class="blockquote">{GOODS_MOD_DESCRIPTION}</div>
						  </div>
замените на
<div class="goodsDataMainModificationsDescriptionBlock" style="display:none;">
							<div class="blockquote">{GOODS_MOD_DESCRIPTION}</div>
						  </div>


#63 Ирина345

Ирина345

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

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

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

Для шаблона Весна инструкция по изменению основного изображения расположена ниже.
1,2 пункт выполните согласно инструкции из сообщения выше.
3. Найдите в файле main.js
// Отправим запись об ошибке на сервер
		 sendError('no modification by slug '+slug);
		 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 }
после вставьте
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.left .image img').attr('src', src_new);
$('.left .image a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');
4. далее в файле main.js найдите
// Добавление/удаление товара на сравнение/избранное через ajax
$('.add_to_compare_small, .add_to_wishlist_small').click(function(){
после вставьте
$('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change');

5. В шаблоне Товар найдите
<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class=".goods-image-medium" />
замените на
<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class="goods-image-medium" />


#64 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 19 Сентябрь 2016 - 11:33

Шаблон Движение

1,2- пункты выполняем как выше  написано
3) В файле main.js находим блок
// Отправим запись об ошибке на сервер
				 sendError('no modification by slug '+slug);
				 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
и после него вставляем
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
	 $('#product_image_big_photos img').attr('src', src_new);
	 $('#product_image_big_photos a').attr('href', src_new);

4)В самый конец файла main.js добавляем блок
$(document).ready(function(){
$('.goodsDataMainModificationsBlock').find('.goodsDataMainModificationsBlockProperty select').trigger('change');
})
5) не нужен

#65 amalinevskaya

amalinevskaya

    Новичок

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

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

Доброго времени суток! Помоги найти где внести необходимые правки. Аккаунт SL-397282

1.    Внизу убрать все значки социальных сетей. Сверху справа от телефона сделать значки ВК и Инстаграмма.
2.    Прозрачная полоса, где лого и меню сверху – уменьшить прозрачность, уменьшить ширину.
3.    Увеличить шрифт в меню возле лого.
4.    Уменьшить отступ между текстом главной страницы и слайдером.

#66 Mr.Nito

Mr.Nito

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

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

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

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

Доброго времени суток! Помоги найти где внести необходимые правки. Аккаунт SL-397282

1.    Внизу убрать все значки социальных сетей. Сверху справа от телефона сделать значки ВК и Инстаграмма.
2.    Прозрачная полоса, где лого и меню сверху – уменьшить прозрачность, уменьшить ширину.
3.    Увеличить шрифт в меню возле лого.
4.    Уменьшить отступ между текстом главной страницы и слайдером.
Здравствуйте.
1.В разделе Сайт - Редактор шаблонов - HTML найдите (1294 строка)
<div class="social">
			 <a href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span class="fa fa-facebook"></span></a>
			 <a href="https://twitter.com/" title="Twitter.com" target="_blank"><span class="fa fa-twitter"></span></a>
			 <a href="https://google.com/" title="Google Plus" target="_blank"><span class="fa fa-google-plus"></span></a>
			 <a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a>
			 <a href="https://www.youtube.com/" title="YouTube.com" target="_blank"><span class="fa fa-youtube"></span></a>
</div>
замените на
<div class="social">
<div class="social-btn rhombus">
<a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a>
</div>
<div class="social-btn rhombus">
<a href="https://www.instagram.com/" title="instagram.com" target="_blank"><span class="fa fa-instagram"> </span></a>
</div>
</div>
переместите этот блок кода сразу перед (116 строка)
			 <!-- Корзина -->

Далее в файле main.css перед (192 строка)
/* Поиск */
добавьте
.social .social-btn { display: inline-block; }
2. В файле main.css найдите
/** Центральная часть шапки Логотип **/
.header-middle.index {background: rgba(255,255,255,0.4) none repeat scroll 0 0;display: block;z-index: 11;border: 0;height: 96px;}
замените на
.header-middle.index {background: rgba(255,255,255,0.1) none repeat scroll 0 0;display: block;z-index: 11;border: 0;height: 50px;}
3.В файле main.css найдите
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #404040;text-transform: uppercase;position: relative;letter-spacing: 0.2px;}
замените на
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #404040;text-transform: uppercase;position: relative;letter-spacing: 0.2px; font-size: 16px; }
4. В файле main.css найдите
/*** Slider Слайдер ***/
#slideshow {top: -96px;position: relative;
замените на
/*** Slider Слайдер ***/
#slideshow {top: -50px;position: relative;


#67 amalinevskaya

amalinevskaya

    Новичок

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

Отправлено 16 Октябрь 2016 - 14:24

Спасибо! Все получилось, только теперь корзина сместилась вниз. Как это исправить?

#68 Mr.Nito

Mr.Nito

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

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

Отправлено 16 Октябрь 2016 - 14:27

Просмотр сообщенияamalinevskaya (16 Октябрь 2016 - 14:24) писал:

Спасибо! Все получилось, только значки социальных сетей не встали в ряд после номера телефона, а сместили всю шапку вниз. Как это можно исправить?
В файле main.css перед (192 строка)
/* Поиск */

добавьте
.social { float: left; }
.social .social-btn { display: inline-block; }


#69 amalinevskaya

amalinevskaya

    Новичок

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

Отправлено 16 Октябрь 2016 - 15:58

Просмотр сообщенияMr.Nito (16 Октябрь 2016 - 14:27) писал:

В файле main.css перед (192 строка)
/* Поиск */

добавьте
.social { float: left; }
.social .social-btn { display: inline-block; }

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

#70 Mr.Nito

Mr.Nito

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

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

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

Просмотр сообщенияamalinevskaya (16 Октябрь 2016 - 15:58) писал:

Все встало на свои места. Осталось поправить расстояние между значками социальных сетей и после номера телефона, чтобы отступы были равными как между остальными ромбами в этой строке.
В файле main.css
замените
.social .social-btn { display: inline-block; }
на
.social .social-btn { display: inline-block; margin-left: 12px;}


#71 57P

57P

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

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

Отправлено 19 Ноябрь 2016 - 13:00

Просмотр сообщенияdodgeandbaby (15 Июль 2016 - 11:46) писал:

Здравствуйте уважаемый модератор ! Сделал всё по вашей инструкции за исключением пятого пункта, так как не нашел просто этих строчек. Всё работает на мобильной версии и  на компьютерной версии . Но на компьютерной версии  появляется дополнительная картинка при выборе цвета, можно ли её отключить? то есть чтоб при выборе цвета менялась только основная картинка и не появлялась маленькая дополнительная под строчкой с цветом ???
спасибо !
добрый день, сделал по инструкции, но не получилось

http://*****.ru/good...4353#show_tab_2

#72 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 22 Ноябрь 2016 - 15:23

Просмотр сообщения57P (19 Ноябрь 2016 - 13:00) писал:

добрый день, сделал по инструкции, но не получилось

http://*****.ru/good...4353#show_tab_2
Вы не совсем внимательно выполнили инструкцию. Вам необходимо в файле main.js найти блок
else {
	 // Отправим запись об ошибке на сервер
	 sendError('no modification by slug '+slug);
	 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_new);
$('.general-img a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');
	 }
});
});

// Фильтр по ценам
и заменить его на
else {
	 // Отправим запись об ошибке на сервер
	 sendError('no modification by slug '+slug);
	 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 }
src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_new);
$('.general-img a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');
});
});

// Фильтр по ценам


#73 57P

57P

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

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

Отправлено 22 Ноябрь 2016 - 16:05

заменил, главная не поменялась. снизу появилась
стоп
базовая модификация мешала, а можно еще убрать дублирующие изображение

#74 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 24 Ноябрь 2016 - 12:36

Просмотр сообщения57P (22 Ноябрь 2016 - 16:05) писал:

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

#75 57P

57P

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

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

Отправлено 24 Ноябрь 2016 - 21:01

Ага, все верно спасибо.

#76 StonerJack

StonerJack

    Пользователь

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

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

Здравствуйте! Внес изменения, пользуясь этой инструкцией. Доволен как все работает.
Вот одна из страниц.
Хотелось бы пойти дальше, а именно :

При добавлении в корзину показывать пользователю не стандартное изображение товара, а то, что соответствует выбранной модификации.
То есть например пользователь добавил в корзину рамку цвета морской волны, во всплывающем окне ему показывается розовая (так как главное изображение), а хотелось бы, чтобы показывалась корректная фотография.
Аналогично нужно это сделать с отображением в самой корзине, в окошке быстрого заказа и в сравнении товара.

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

#77 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

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

Просмотр сообщенияStonerJack (08 Январь 2017 - 01:46) писал:

Здравствуйте! Внес изменения, пользуясь этой инструкцией. Доволен как все работает.
Вот одна из страниц.
Хотелось бы пойти дальше, а именно :

При добавлении в корзину показывать пользователю не стандартное изображение товара, а то, что соответствует выбранной модификации.
То есть например пользователь добавил в корзину рамку цвета морской волны, во всплывающем окне ему показывается розовая (так как главное изображение), а хотелось бы, чтобы показывалась корректная фотография.
Аналогично нужно это сделать с отображением в самой корзине, в окошке быстрого заказа и в сравнении товара.

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

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

#78 arenkir

arenkir

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

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

здравствуйте. Аккаунт SL-24913

1. помогите поправить вот этот код. это кнопка под вкладками Акция, букеты на главной и тп.

                  <div class="button-load">
                    <div class="loadGoods button" title="Показать все">Показать все</div>
                  </div>

сюда нужно просто ссылку вставить на раздел Все цветы. как исправить код правильно?

2. на главной либо в каталоге товаров если, под фото товара слева от слова "В корзину" добавить "Подробнее"
и чтобы она вела в букет.

3. когда мы в товаре нажимаем "Быстрый заказ". эта форма на 100% экрана занимает место. надо более лаконично. ну там 50% на пк. на планшетаз 75%. на телефонах пусть 100%.

#79 arenkir

arenkir

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 03 Февраль 2017 - 03:05

апппп

#80 Ирина345

Ирина345

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

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

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

Просмотр сообщенияarenkir (28 Январь 2017 - 02:21) писал:

здравствуйте. Аккаунт SL-24913

1. помогите поправить вот этот код. это кнопка под вкладками Акция, букеты на главной и тп.

  <div class="button-load">
<div class="loadGoods button" title="Показать все">Показать все</div>
  </div>

сюда нужно просто ссылку вставить на раздел Все цветы. как исправить код правильно?

2. на главной либо в каталоге товаров если, под фото товара слева от слова "В корзину" добавить "Подробнее"
и чтобы она вела в букет.

3. когда мы в товаре нажимаем "Быстрый заказ". эта форма на 100% экрана занимает место. надо более лаконично. ну там 50% на пк. на планшетаз 75%. на телефонах пусть 100%.
Здравствуйте,
1. Найдите в шаблоне hTML
<!--				  <div class="button-load">
					<div class="loadGoods button" title="Показать все">Показать все</div>
				  </div>
	-->		 
замените на
<div class="">
					<div  title="Показать все"><a class="button" href="ссылка на страницу">Показать все</a></div>
				  </div>
2. Найдите в шаблоне Товары код

					  <a class="add-cart button" title="В корзину">В корзину</a>
замените на
<a class="button" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Подробнее">Подробнее</a>
					  <a class="add-cart button" title="В корзину">В корзину</a>

данные изменения произведите несколько раз.
Аналогичные изменения произведите в шаблоне hTML
3. Найдите в файле main.js
// Быстрый заказ
function quickOrder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $.fancybox({
		content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
		 
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  } 
		  return false;
		}
   });
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}
замените на
// Быстрый заказ
function quickOrder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $.fancybox({
	 fitToView : false,
	 autoSize : true,
		content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
		  w=w/2;
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  } 
		  return false;
		}
   });
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}





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

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