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


Добавление Ссылок В Карточке Товара


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

#21 RedHead

RedHead

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

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

Отправлено 27 Ноябрь 2015 - 10:14

Просмотр сообщенияAvrora (26 Ноябрь 2015 - 17:42) писал:

ап


Здравствуйте! Предлагаю сделать немного по-другому.
В шаблоне "Товар" найдите код
<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
и замените его на
{% FOR upper_navigation %}
		{% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
	  <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
  {% ENDFOR %}

Добавьте ниже два таких же блока кода, в которых измените название "ЖЕНСКАЯ ОДЕЖДА" на "МУЖСКАЯ ОДЕЖДА" и "ДЕТСКАЯ ОДЕЖДА" (регистр важен, он должен быть таким же, как на сайте)
И в каждом блоке кода укажите соответствующую картинку с таблицей.
Таким образом, у Вас будет три размерных сетки для разных категорий товаров: мужских, женских и детских.

#22 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 27 Ноябрь 2015 - 10:21

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 10:14) писал:

Здравствуйте! Предлагаю сделать немного по-другому.
В шаблоне "Товар" найдите код
<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
и замените его на
{% FOR upper_navigation %}
	 {% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
	 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
{% ENDFOR %}

Добавьте ниже два таких же блока кода, в которых измените название "ЖЕНСКАЯ ОДЕЖДА" на "МУЖСКАЯ ОДЕЖДА" и "ДЕТСКАЯ ОДЕЖДА" (регистр важен, он должен быть таким же, как на сайте)
И в каждом блоке кода укажите соответствующую картинку с таблицей.
Таким образом, у Вас будет три размерных сетки для разных категорий товаров: мужских, женских и детских.

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

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 10:14) писал:

Здравствуйте! Предлагаю сделать немного по-другому.
В шаблоне "Товар" найдите код
<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
и замените его на
{% FOR upper_navigation %}
	 {% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
	 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
{% ENDFOR %}

Добавьте ниже два таких же блока кода, в которых измените название "ЖЕНСКАЯ ОДЕЖДА" на "МУЖСКАЯ ОДЕЖДА" и "ДЕТСКАЯ ОДЕЖДА" (регистр важен, он должен быть таким же, как на сайте)
И в каждом блоке кода укажите соответствующую картинку с таблицей.
Таким образом, у Вас будет три размерных сетки для разных категорий товаров: мужских, женских и детских.

Вот то, что Вы предлагали... Просто отличное решение! И покупатель не запутается в 20 табличках, пока нужную подкатегорию искать будет...

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

  • 1.png
  • 2.png


#23 RedHead

RedHead

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

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

Отправлено 27 Ноябрь 2015 - 11:45

Просмотр сообщенияAvrora (27 Ноябрь 2015 - 10:21) писал:

А нельзя как вы изначально предложили? Просто я конечно же буду расширять ассортимент. Получится, что, например, в Женской одежде будет 15 подкатегорий =это будет длинное полотно из табличек...
Вот то, что Вы предлагали... Просто отличное решение! И покупатель не запутается в 20 табличках, пока нужную подкатегорию искать будет...

К сожалению, реализовать данный код не получится.
Попробуйте следующее:
Замените в этом коде стоку
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
на
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>

и в этом же шаблоне удалите строки
<!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->

Теперь в карточке товара выберете пункт Полное SEO-описание --> перейти в режим кода (кнопка Источник) и добавить ссылку на нужное изображение (предварительно загрузив файл), например,
<img src="http://st.storeland.net/9/1775/195/svitshoty.jpg" />

Для каждого товара необходимо загрузить нужную размерную сетку.

Попробуйте так, либо как в посте №21, где прописывается код для категорий товаров. Сделать такой код для подкатегорий, к сожалению, нельзя.

#24 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

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

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 11:45) писал:

К сожалению, реализовать данный код не получится.
Попробуйте следующее:
Замените в этом коде стоку
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
на
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>

и в этом же шаблоне удалите строки
<!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->

Теперь в карточке товара выберете пункт Полное SEO-описание --> перейти в режим кода (кнопка Источник) и добавить ссылку на нужное изображение (предварительно загрузив файл), например,
<img src="http://st.storeland.net/9/1775/195/svitshoty.jpg" />

Для каждого товара необходимо загрузить нужную размерную сетку.

Попробуйте так, либо как в посте №21, где прописывается код для категорий товаров. Сделать такой код для подкатегорий, к сожалению, нельзя.

Попробовала, но ссылка на "Определите свой размер" вообще с сайта пропала... Я что-то где-то удалила? Несколько раз попробовала.
Посмотрите, плииииз...
http://guava-shop.ru...mod_id=88560479

#25 RedHead

RedHead

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

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

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

Просмотр сообщенияAvrora (27 Ноябрь 2015 - 19:34) писал:

Попробовала, но ссылка на "Определите свой размер" вообще с сайта пропала... Я что-то где-то удалила? Несколько раз попробовала.
Посмотрите, плииииз...
http://guava-shop.ru...mod_id=88560479

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

Инструкция. Сделать размерные сетки для трех категорий товаров.
Если Вы выбираете эту реализацию, то в шаблоне Товар замените строки
{% FOR upper_navigation %}
				{% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
		  <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
  {% ENDFOR %}
на
{% FOR upper_navigation %}
				{% IF upper_navigation.NAME=Женская Одежда %}
		<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
{% ENDIF %}
  {% ENDFOR %}

У Вас название категории начинается с заглавной буквы. Для следующих двух категорий нужно будет прописать: "Мужская Одежда" и "Детская Одежда".

Возникают ли у Вас вопросы по реализации размерных сеток с помощью SEO-описания?

#26 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 27 Ноябрь 2015 - 20:02

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 20:00) писал:

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

Инструкция. Сделать размерные сетки для трех категорий товаров.
Если Вы выбираете эту реализацию, то в шаблоне Товар замените строки
{% FOR upper_navigation %}
			 {% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
		 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
{% ENDFOR %}
на
{% FOR upper_navigation %}
			 {% IF upper_navigation.NAME=Женская Одежда %}
	 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td><img src="http://st.storeland.net/9/1775/195/svitshoty.jpg"></td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
{% ENDIF %}
{% ENDFOR %}

У Вас название категории начинается с заглавной буквы. Для следующих двух категорий нужно будет прописать: "Мужская Одежда" и "Детская Одежда".

Возникают ли у Вас вопросы по реализации размерных сеток с помощью SEO-описания?

Я попробовала как в посте №23. Это для этой реализации инструкция? Я запуталась... :wacko:
P.S. еще раз сделала, как вы писали (заменила код в Товаре), ссылка как пропала, так и не появилась.

#27 RedHead

RedHead

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

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

Отправлено 27 Ноябрь 2015 - 20:20

Просмотр сообщенияAvrora (27 Ноябрь 2015 - 20:02) писал:

Я попробовала как в посте №23. Это для этой реализации инструкция? Я запуталась... :wacko:
P.S. еще раз сделала, как вы писали (заменила код в Товаре), ссылка как пропала, так и не появилась.

Если Вам подойдет вариант того, что у Вас будут 3 разные категории (Женское, Мужское и Детское), в которые Вы загрузите разные размерные сетки, то выполните инструкцию из поста №25.
По этой инструкции, во все товары из раздела "Женская Одежда" добавится "Определите свой размер".

Продублируйте два раза этот блок кода, чтобы добавить "Определите свой размер" к мужским и детским товарам.

Для мужских товаров измените строку
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Мужская Одежда %}

Для детских
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Детская Одежда %}
и загрузите нужные картинки.


___________________________________________________________________________________________________________________


Инструкция №2.
Индивидуальная размерная сетка для каждого товара.

Если Вы делали изменения, отмените их. В шаблоне Товар замените строки
{% FOR upper_navigation %}
				{% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
		  <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
  {% ENDFOR %}
на
  <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>

Потом в карточке каждого товара выберете пункт Полное SEO-описание --> перейти в режим кода (кнопка Источник) и добавить ссылку на нужное изображение (предварительно загрузив файл), например,
<img src="http://st.storeland.net/9/1775/195/svitshoty.jpg" />
Для каждого товара необходимо загрузить нужную картинку.

Выберите понравившуюся инструкцию и выполните внимательно все пункты.

#28 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 27 Ноябрь 2015 - 20:26

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 20:20) писал:

Если Вам подойдет вариант того, что у Вас будут 3 разные категории (Женское, Мужское и Детское), в которые Вы загрузите разные размерные сетки, то выполните инструкцию из поста №25.
По этой инструкции, во все товары из раздела "Женская Одежда" добавится "Определите свой размер".

Продублируйте два раза этот блок кода, чтобы добавить "Определите свой размер" к мужским и детским товарам.

Для мужских товаров измените строку
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Мужская Одежда %}

Для детских
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Детская Одежда %}
и загрузите нужные картинки.


___________________________________________________________________________________________________________________


Инструкция №2.
Индивидуальная размерная сетка для каждого товара.

Если Вы делали изменения, отмените их. В шаблоне Товар замените строки
{% FOR upper_navigation %}
			 {% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
		 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
{% ENDFOR %}
на
<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>

Потом в карточке каждого товара выберете пункт Полное SEO-описание --> перейти в режим кода (кнопка Источник) и добавить ссылку на нужное изображение (предварительно загрузив файл), например,
<img src="http://st.storeland.net/9/1775/195/svitshoty.jpg" />
Для каждого товара необходимо загрузить нужную картинку.

Выберите понравившуюся инструкцию и выполните внимательно все пункты.

Спасибо большое! Теперь все получилось! Выбрала Инструкцию №2.

#29 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 27 Ноябрь 2015 - 21:09

Просмотр сообщенияRedHead (27 Ноябрь 2015 - 20:20) писал:

Если Вам подойдет вариант того, что у Вас будут 3 разные категории (Женское, Мужское и Детское), в которые Вы загрузите разные размерные сетки, то выполните инструкцию из поста №25.
По этой инструкции, во все товары из раздела "Женская Одежда" добавится "Определите свой размер".

Продублируйте два раза этот блок кода, чтобы добавить "Определите свой размер" к мужским и детским товарам.

Для мужских товаров измените строку
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Мужская Одежда %}

Для детских
{% IF upper_navigation.NAME=Женская Одежда %}
на
{% IF upper_navigation.NAME=Детская Одежда %}
и загрузите нужные картинки.


___________________________________________________________________________________________________________________


Инструкция №2.
Индивидуальная размерная сетка для каждого товара.

Если Вы делали изменения, отмените их. В шаблоне Товар замените строки
{% FOR upper_navigation %}
			 {% IF upper_navigation.NAME=ЖЕНСКАЯ ОДЕЖДА %}
		 <a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script> {% ENDIF %}
{% ENDFOR %}
на
<a href="javascript:PopUpShow()" style="color: #18bd9c;">Определите свой размер</a>
<div class="b-popup" id="popup1" style="display:none">
<div class="b-popup-content">
<table align="center">
<tr>
<td colspan="3" align="right"><a href="javascript:PopUpHide()">Закрыть окно</a><td>
</tr>
<tr>
<td>{GOODS_SEO_DESCRIPTION_LARGE}</td>
<td width="15px"></td>
<td valign="bottom"><img src="http://st.storeland.net/8/1775/542/logo.png" alt="GUAVA Fashion Shop" width="125px"></td></tr>
</table>
</div>
</div>
<script>
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>

Потом в карточке каждого товара выберете пункт Полное SEO-описание --> перейти в режим кода (кнопка Источник) и добавить ссылку на нужное изображение (предварительно загрузив файл), например,
<img src="http://st.storeland.net/9/1775/195/svitshoty.jpg" />
Для каждого товара необходимо загрузить нужную картинку.

Выберите понравившуюся инструкцию и выполните внимательно все пункты.

А еще маленькие вопросики))
Прикладываю скриншот. В блоке .b-popup .b-popup-content{ изменила max-height:1000px; как видите уже до 1000, результата ноль. Как бы внести изменения:
1. Поднять весь блок с таблицей выше
2. Подвинуть немного логотип направо.

Спасибо!

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

  • дизайн таблицы размеров.png


#30 Vaccina

Vaccina

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

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

Отправлено 28 Ноябрь 2015 - 01:46

В main.css после:
.b-popup .b-popup-content {
	margin: 100px auto 0px;
	height: 100%;
	max-width: 700px;
	max-height: 1000px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #000;
}

пропишите:
.b-popup .b-popup-content table {
	width: 100%;
}
.b-popup .b-popup-content td:first-child img {
	margin-top: -30px;
}
.b-popup .b-popup-content td:last-child {
	text-align: right;
}


#31 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 28 Ноябрь 2015 - 14:34

Просмотр сообщенияVaccina (28 Ноябрь 2015 - 01:46) писал:

В main.css после:
.b-popup .b-popup-content {
margin: 100px auto 0px;
height: 100%;
max-width: 700px;
max-height: 1000px;
padding: 10px;
background-color: #FFF;
border-radius: 5px;
box-shadow: 0px 0px 10px #000;
}

пропишите:
.b-popup .b-popup-content table {
width: 100%;
}
.b-popup .b-popup-content td:first-child img {
margin-top: -30px;
}
.b-popup .b-popup-content td:last-child {
text-align: right;
}

Спасибо!
Только теперь эта таблица еще и в описании дублируется (см скриншот). Ее оттуда можно убрать?

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

  • таблица размеров в описании.png


#32 Firefly

Firefly

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

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

Отправлено 28 Ноябрь 2015 - 15:04

Просмотр сообщенияAvrora (28 Ноябрь 2015 - 14:34) писал:

Спасибо!
Только теперь эта таблица еще и в описании дублируется (см скриншот). Ее оттуда можно убрать?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
		  <!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->
		</div>
	  </div>
	{% ENDIF %}
	<!--  Характеристики  -->

Замените на:
		</div>
	  </div>
	{% ENDIF %}
	<!--  Характеристики  -->


#33 Avrora

Avrora

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

  • Пользователи
  • PipPipPip
  • 73 сообщений
  • ГородМосква

Отправлено 28 Ноябрь 2015 - 15:59

Просмотр сообщенияFirefly (28 Ноябрь 2015 - 15:04) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
		 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
	 </div>
	 </div>
{% ENDIF %}
<!-- Характеристики -->

Замените на:
	 </div>
	 </div>
{% ENDIF %}
<!-- Характеристики -->

Спасибо большое, теперь все как надо!




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

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