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


Просмотр


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

#21 Сake

Сake

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

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

Отправлено 14 Ноябрь 2013 - 01:37

Попробуйте в main.js строку

$('.prd-image a img').bind('mouseenter', function () {

заменить на

$('.prd-image a img').live('mouseenter', function () {

а строку

$('.prd-image a img').bind('mouseleave', function () {

заменить на

$('.prd-image a img').live('mouseleave', function () {


#22 borisovd

borisovd

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

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

Отправлено 14 Ноябрь 2013 - 01:40

Просмотр сообщенияСake (14 Ноябрь 2013 - 01:37) писал:

Попробуйте в main.js строку

$('.prd-image a img').bind('mouseenter', function () {

заменить на

$('.prd-image a img').live('mouseenter', function () {

а строку

$('.prd-image a img').bind('mouseleave', function () {

заменить на

$('.prd-image a img').live('mouseleave', function () {
Я восхищен!:) Спасибо огромное Вам) Думаю не последний раз Вас благодарю:) Всегда выручаете:)

#23 borisovd

borisovd

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

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

Отправлено 16 Ноябрь 2013 - 01:29

И снова я:) Как сделать что бы под всплывающей картинкой выводилось описание товара? Пробовал так:
<span style="font-size: 16px;" class="htmlDataBlock">{GOODS_DESCRIPTION_LARGE}</span>
не работает. Подскажите пожалуйста как сделать?

#24 Сake

Сake

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

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

Отправлено 16 Ноябрь 2013 - 04:36

Так как всплывающие изображения находятся в каталоге, а за это отвечает шаблон "Товары" - то переменная {GOODS_DESCRIPTION_LARGE} не подходит для решения этого вопроса. Вместо данной переменной необходимо использовать переменную {goods.DESCRIPTION_LARGE} т.е ваша строка примет вид

<span style="font-size: 16px;" class="htmlDataBlock">{goods.DESCRIPTION_LARGE}</span>


#25 borisovd

borisovd

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

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

Отправлено 16 Ноябрь 2013 - 12:34

Спасибо!)

#26 borisovd

borisovd

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

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

Отправлено 17 Ноябрь 2013 - 00:30

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

#27 borisovd

borisovd

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

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

Отправлено 17 Ноябрь 2013 - 01:44

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

#28 borisovd

borisovd

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

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

Отправлено 17 Ноябрь 2013 - 13:34

Идеальный пример как хочется сделать это вот http://www.wildberri...667095974586475 наводите на товар, появляется кнопка быстрый просмотр, гу а дальше все видно) вот так очень нужно сделать) Все что есть на сайте который привел в пример должно быть и у меня. Характеристики, Добавить в корзину, В сравнения, Картинки, лупа. Только если можно не отправлять на другие темы форума... Помогите кодом пожалуйста)
Сake помоги пожалуйста!)

#29 Сake

Сake

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

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

Отправлено 19 Ноябрь 2013 - 04:11

То что вы описываете в рамки технической поддержки не вписываются. Для реализации подобного вы можете обратиться в веб-студию. Для исправления проблемы с отображением окна на маленьком разрешении сделайте следующее - в файле main.js найдите

var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');

и замените на

var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list');
var offset = goods_images_list.width() + goods_images_list.children('div').width()
		  + goods_images_list.offset().left;
if($(window).width() < offset) {
  goods_images_list.addClass('view-right');
}

далее в файл стилей main.css добавьте

.goods_images_list.view-right > div {
  right: 170px !important;
  left: inherit !important;
}


#30 borisovd

borisovd

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

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

Отправлено 19 Ноябрь 2013 - 07:34

Спасибо работает:) Ну а хотя бы намек как можно сделать всплывающее окно:) если я его сделаю, поможите разместить и настроить?) если да буду очень благодарен:)))

#31 Сake

Сake

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

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

Отправлено 20 Ноябрь 2013 - 00:58

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

#32 borisovd

borisovd

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

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

Отправлено 20 Ноябрь 2013 - 01:18

Спасибо, посмотрю:) но если вдруг что то очень надеюсь на помощь:)

#33 borisovd

borisovd

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

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

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

Как я понял нужно вот это http://forum.storela...лон/#entry58702 только нужно что бы была всплывающая ссылка на фотографии. Подскажите как ее сделать, что бы было от чего плясать с бубном:)

#34 Koderhan

Koderhan

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

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

Отправлено 20 Ноябрь 2013 - 13:52

http://forum.storela...ров/#entry91442

#35 borisovd

borisovd

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

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

Отправлено 20 Ноябрь 2013 - 16:48

Просмотр сообщенияKoderhan (20 Ноябрь 2013 - 13:52) писал:

Блин ни фига не понятно:( Может все таки поможете?)

#36 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2013 - 03:33

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

#37 borisovd

borisovd

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

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

Отправлено 21 Ноябрь 2013 - 13:47

Может все таки вот это сообщение является нужным? http://forum.storela...кко/#entry59475

#38 borisovd

borisovd

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

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

Отправлено 21 Ноябрь 2013 - 20:25

у меня же мокко а не сияние

#39 Сake

Сake

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

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

Отправлено 22 Ноябрь 2013 - 01:04

Тема форума которую вы указываете применима для темы оформления "Мокко". Все что вам необходимо сделать так это загрузить шаблон order_fast.htm из архива order_fast.zip после этого в файл 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) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
		 content: data,
		 gallery: null,
		 resizable: true,
		 autoSizable: true,
		 windowResize: true,
		 width: width,
		 minHeight: 230
});
}
});
return false;
}

после этого необходимо будет заменить только кнопку покупки

<input type="submit" value="Положить в корзину" style="width:200px;" />

на

<input onclick="quickorder('form.goodsDataForm');return false;" type="submit" value="Положить в корзину" style="width:200px;" />

для шаблона "Товар".

#40 borisovd

borisovd

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

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

Отправлено 22 Ноябрь 2013 - 01:20

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




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

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