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


Добавление Таблицы Размеров


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

#1 spaykus

spaykus

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 26 Апрель 2016 - 11:35

Подскажите пожалуйста как можно добавить всплывающею форму "таблицы размеров" для определенной категории группы товаров?

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

  • Таблица.jpg


#2 Юля123

Юля123

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

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

Отправлено 26 Апрель 2016 - 12:10

Просмотр сообщенияspaykus (26 Апрель 2016 - 11:35) писал:

Подскажите пожалуйста как можно добавить всплывающею форму "таблицы размеров" для определенной категории группы товаров?

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

		 {% FOR upper_navigation %}
		 {% IF upper_navigation.NAME = название категории %}
			 <a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/ссылка на страницу?only_body=1">Таблица размеров</span></a>
			 {% ENDIF %}
	 {% ENDFOR %}

"ссылка на страницу " замените на ссылку вида /page/названиеСтраницы, если не получится, то я помогу Вам с изменением.

Далее в шаблоне HTML добавьте код:
<script>
$(document).ready(function() {
$(".tableSize").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


перед кодом:
</head>

Контент нужной Вам страницы будет отображаться во всплывающем окне.

#3 spaykus

spaykus

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 26 Апрель 2016 - 21:02

Не получается не появляется кнопка "таблица размеров"

#4 Юля123

Юля123

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

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

Отправлено 27 Апрель 2016 - 12:13

Просмотр сообщенияspaykus (26 Апрель 2016 - 21:02) писал:

Не получается не появляется кнопка "таблица размеров"

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

#5 spaykus

spaykus

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 27 Апрель 2016 - 12:31

Просмотр сообщенияЮля123 (27 Апрель 2016 - 12:13) писал:

Подправила инструкцию, в коде, что добавляете в шаблон Товар нужно вместо "название категории" добавить ваше название категории.
Получилось! Подскажите как теперь выровнять кнопку ?

#6 Юля123

Юля123

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

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

Отправлено 27 Апрель 2016 - 12:35

Просмотр сообщенияspaykus (27 Апрель 2016 - 12:31) писал:

Получилось! Подскажите как теперь выровнять кнопку ?

Укажите, пожалуйста, на скриншоте, где она должна располагаться и  мы пришлем Вам инструкцию.

#7 spaykus

spaykus

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

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

Просмотр сообщенияЮля123 (27 Апрель 2016 - 12:35) писал:

Укажите, пожалуйста, на скриншоте, где она должна располагаться и  мы пришлем Вам инструкцию.
Думаю подойдет как в первом сообщение (на скриншоте)
И как добавлять таблицу в другие категории товаров?

#8 Firefly

Firefly

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

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

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

Просмотр сообщенияspaykus (27 Апрель 2016 - 18:22) писал:

Думаю подойдет как в первом сообщение (на скриншоте)
И как добавлять таблицу в другие категории товаров?

Здравствуйте.
Создал Вам бэкап и внес поправки в код.
В дальнейшем, чтобы создавать условия для других категорий товаров, добавляйте аналогичный блок кода в шаблоне Товар:
{% IF upper_navigation.NAME = название категории %}
<div class="tableSizeBlock">
<span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/page/название страницы?only_body=1">Таблица размеров</a></span>
</div>
{% ENDIF %}

перед закрывающимся циклом {% ENDFOR %} (выделил ниже жирным).

{% FOR upper_navigation %}
  {% IF upper_navigation.NAME = Футболки %}
  <div class="tableSizeBlock">
  <span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/...body=1">Таблица размеров</a></span>
  </div>
  {% ENDIF %}
{% ENDFOR %}

#9 spaykus

spaykus

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

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 28 Апрель 2016 - 06:46

Просмотр сообщенияFirefly (27 Апрель 2016 - 18:58) писал:

Здравствуйте.
Создал Вам бэкап и внес поправки в код.
В дальнейшем, чтобы создавать условия для других категорий товаров, добавляйте аналогичный блок кода в шаблоне Товар:
{% IF upper_navigation.NAME = название категории %}
<div class="tableSizeBlock">
<span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/page/название страницы?only_body=1">Таблица размеров</a></span>
</div>
{% ENDIF %}

перед закрывающимся циклом {% ENDFOR %} (выделил ниже жирным).

{% FOR upper_navigation %}
  {% IF upper_navigation.NAME = Футболки %}
  <div class="tableSizeBlock">
  <span><a class="tableSize fancybox.ajax" href="http://{NET_DOMAIN}/...body=1">Таблица размеров</a></span>
  </div>
  {% ENDIF %}
{% ENDFOR %}
Вот спасибо Вам огромное! Смотрится супер то что нужно!

#10 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

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

Здравствуйте, помогите настроить пожалуйста такую же кнопку

1. расположение самой ссылки сделать в одной линии с выбором модификации ВЫБЕРИТЕ РАЗМЕР
2. сделала все как по инструкции но при нажатии на ссылку открывается просто белое окно

#11 Vaccina

Vaccina

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

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

Отправлено 24 Июнь 2016 - 02:31

В шаблоне Товар найдите:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize">Таблица размеров</span></a>

замените на:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize?only_body=1">Таблица размеров</span></a>
<script>
$(document).ready(function() {
$(".tableSize").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


#12 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 24 Июнь 2016 - 10:58

Просмотр сообщенияVaccina (24 Июнь 2016 - 02:31) писал:

В шаблоне Товар найдите:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize">Таблица размеров</span></a>

замените на:
<a class="tableSize fancybox.ajax" href="http://yoursize-shop.ru/page/tablesize?only_body=1">Таблица размеров</span></a>
<script>
$(document).ready(function() {
$(".tableSize").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

спасибо, а выровнять саму кнопку как?

#13 Danil

Danil

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

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

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

Просмотр сообщенияОльга 94 (24 Июнь 2016 - 10:58) писал:

спасибо, а выровнять саму кнопку как?
Здравствуйте.
В конец main.css добавьте
a.tableSize {
	margin: 0px 0px 0px 0px;
	display: block;
	float: right;
}


#14 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

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

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

Здравствуйте.
В конец main.css добавьте
a.tableSize {
margin: 0px 0px 0px 0px;
display: block;
float: right;
}

Можно так?

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

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

  • разм.png


#15 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

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

Ответьте пожалуйста

#16 MikDark

MikDark

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

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

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

Просмотр сообщенияОльга 94 (25 Июнь 2016 - 13:13) писал:

Ответьте пожалуйста

В main.css удалите код:
.fancybox-inner {
  max-width: 800px !important;
}


#17 Ольга 94

Ольга 94

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

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

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

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

В main.css удалите код:
.fancybox-inner {
max-width: 800px !important;
}

Скажите, пожалуйста почему во всех товарах разное расположение кнопки "таблица размеров"??

#18 Danil

Danil

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

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

Отправлено 26 Июнь 2016 - 16:58

Просмотр сообщенияОльга 94 (26 Июнь 2016 - 16:48) писал:

Скажите, пожалуйста почему во всех товарах разное расположение кнопки "таблица размеров"??
Попробуйте сделать следующее:
в main.css найдите код
a.tableSize {
	margin: -3px 0px 0px -5px;
	display: block;
	float: left;
	text-decoration: underline;
}
и замените на
a.tableSize {
	display: block;
	float: right;
	text-decoration: underline;
	margin-top: 25px;
}
.goodsDataMainModificationsList {
	display: none;
}


#19 John

John

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

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

Отправлено 10 Май 2017 - 17:11

Добрый день, у нас на разные категории товаров свои размерные сетки. Вы можете сделать, чтобы в админке  при "Редактирование товаров"  была возможность для каждого товара добавить соответствующую таблицу с размеров. Чтобы у клиента появлялась картинка-табличка при нажатии на ссылку "таблица размеров"


#20 Vaccina

Vaccina

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

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

Отправлено 11 Май 2017 - 07:15

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

Можно несколькими путями реализовать желаемое:
- в неиспользуемое поле описания(например, краткое SEO описание) вставлять изображение, которое будет всплывать при клике на кнопку
- заранее разместить в коде изображения и разделить их по категориям, например у товара в категории 2 при клике на кнопку будет всплывать изображение 1
- заранее разместить в коде изображения и разделить их по характеристикам(штаны, кофты и т.д.), и выводить ту или иную размерную сетку в зависимости от характеристики товара

Какой вариант вас больше устроит? У всех товаров будет размерная сетка?




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

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