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


Краткое Описание

Автор Landing Page, 03 мая 2013 19:11

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

#1 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 03 Май 2013 - 19:11

Ребята, как сделать «КРАТКОЕ ОПИСАНИЕ ТОВАРОВ» (чтобы при наведении на «товар» или на «категорию в каталоге» всплывало окошко с кратким описанием!) Вот как на этом сайте - http://alpa-shop.ru/

Похожие темы форму читал! - у меня нету в шаблоне "Товары" кода  <div class="goodsListItemBlock withBorder cornerAll">

Как сделать краткое описание при наведение мышкой?

#2 support 2.0

support 2.0

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

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

Отправлено 04 Май 2013 - 13:43

Просмотр сообщенияKorolev Andrey (03 Май 2013 - 19:11) писал:

Ребята, как сделать «КРАТКОЕ ОПИСАНИЕ ТОВАРОВ» (чтобы при наведении на «товар» или на «категорию в каталоге» всплывало окошко с кратким описанием!) Вот как на этом сайте - http://alpa-shop.ru/

Похожие темы форму читал! - у меня нету в шаблоне "Товары" кода  <div class="goodsListItemBlock withBorder cornerAll">

Как сделать краткое описание при наведение мышкой?

Посмотрите эту тему с инструкцией

#3 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 04 Май 2013 - 14:05

Просмотр сообщенияsupport 2.0 (04 Май 2013 - 13:43) писал:

Посмотрите эту тему с инструкцией


Я ее читал, там нету инструкции для темы  ПЛАСТИК. Мне рекомендовали делать операции с кодом <div class="goodsListItemBlock withBorder cornerAll"> который находится в шаблоне ТОВАРЫ, но у меня этого кода там нет! Как мне быть в этом случае?

#4 Koderhan

Koderhan

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

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

Отправлено 06 Май 2013 - 15:52

Просмотр сообщенияKorolev Andrey (04 Май 2013 - 14:05) писал:

Я ее читал, там нету инструкции для темы  ПЛАСТИК. Мне рекомендовали делать операции с кодом <div class="goodsListItemBlock withBorder cornerAll"> который находится в шаблоне ТОВАРЫ, но у меня этого кода там нет! Как мне быть в этом случае?

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
После  кода:
<div class="tabproduct">
Добавить:
 <div class="show_desc" style="display: none;">{goods.DESCRIPTION_SHORT}</div>



В файле "main.js".
Добавить в конец файла код:
$(function() {

$(".tabproduct").hover(function(){
$(".show_desc").show();}, function(){$(".show_desc").hide();});
});

В файле "main.css".
Добавить в конец файла код:

.show_desc {
	background: #FFFFFF;	  border: 1px solid #F2930C;  font-size: 12px;  line-height: 1.25;	  /* border-radius: 6px;*/	  
	display: none;	  
	padding: 5px;	  
	position: relative;	  
	right: -203px;	  top: 10px;	  width: 115px;	  
	z-index: 9999;
	overflow: hidden;
	height: 50px;
	margin-bottom: -62px;
}

#5 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 07 Май 2013 - 22:13

Просмотр сообщенияKoderhan (06 Май 2013 - 15:52) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
После  кода:
<div class="tabproduct">
Добавить:
<div class="show_desc" style="display: none;">{goods.DESCRIPTION_SHORT}</div>



В файле "main.js".
Добавить в конец файла код:
$(function() {

$(".tabproduct").hover(function(){
$(".show_desc").show();}, function(){$(".show_desc").hide();});
});

В файле "main.css".
Добавить в конец файла код:

.show_desc {
background: #FFFFFF; border: 1px solid #F2930C; font-size: 12px; line-height: 1.25; /* border-radius: 6px;*/
display: none;
padding: 5px;
position: relative;
right: -203px; top: 10px; width: 115px;
z-index: 9999;
overflow: hidden;
height: 50px;
margin-bottom: -62px;
}


Там три строчки <div class="tabproduct">


Ставил везде, краткое описание не выскакивает...

#6 Сake

Сake

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

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

Отправлено 08 Май 2013 - 02:25

У вас отсутствует краткое описание товара. Вам необходимо к товару добавить краткое описание в разделе редактирования товара.

#7 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 10 Май 2013 - 20:04

Просмотр сообщенияСake (08 Май 2013 - 02:25) писал:

У вас отсутствует краткое описание товара. Вам необходимо к товару добавить краткое описание в разделе редактирования товара.

Краткое описание не работает на когда товар на главной странице. И оно всплывает поверх названия товара. Соответственно два вопроса:

1) Как сделать чтобы краткое описание всплывало и на товарах главной страницы?
2) Как сделать такое краткое описание как на сайте http://alpa-shop.ru/  ?

#8 Сake

Сake

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

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

Отправлено 14 Май 2013 - 04:09

Если товар на главной странице находиться в спец. категориях, таких как "Товары на главной", "Новинки" и т.д, то переменная {goods.DESCRIPTION_SHORT} работать не будет, необходимо использовать другую переменную для соответствующего блока. Например для "Товары на главной" это будет переменная {index_page_new_goods.DESCRIPTION_SHORT}

Пожалуйста, приложите ваш шаблон "HTML" и шаблон "Товары" в виде файла вложения txt или html.

#9 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 14 Май 2013 - 08:36

Просмотр сообщенияСake (14 Май 2013 - 04:09) писал:

Если товар на главной странице находиться в спец. категориях, таких как "Товары на главной", "Новинки" и т.д, то переменная {goods.DESCRIPTION_SHORT} работать не будет, необходимо использовать другую переменную для соответствующего блока. Например для "Товары на главной" это будет переменная {index_page_new_goods.DESCRIPTION_SHORT}

Пожалуйста, приложите ваш шаблон "HTML" и шаблон "Товары" в виде файла вложения txt или html.

Пожалуйста.

И что по поводу второго вопроса ребят?

Прикрепленные файлы

  • Прикрепленный файл  html.html   41,88К   113 Количество загрузок:
  • Прикрепленный файл  Товары.html   22,89К   319 Количество загрузок:

#10 Koderhan

Koderhan

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

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

Отправлено 14 Май 2013 - 14:04

Просмотр сообщенияKorolev Andrey (14 Май 2013 - 08:36) писал:

Пожалуйста.

И что по поводу второго вопроса ребят?
В файле "main.js" добавить код:
$(function() {
$(".goodsListItem").hover(function(){
$(".show_desc").show();}, function(){$(".show_desc").hide();});
});
В файле "Товары".
После кода:
			<td class="goodsListItem">
Добавить:

            <div class="show_desc" style="display: none;">{goods.DESCRIPTION_SHORT}</div>

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.show_desc {
		background: #FFFFFF;	  border: 1px solid #F2930C;  font-size: 12px;  line-height: 1.25;		/* border-radius: 6px;*/		
		display: none;	
		padding: 5px;	 
		position: relative;	   
		right: -203px;	top: 10px;	  width: 115px;   
		z-index: 9999;
		overflow: hidden;
		height: 140px;
		margin-bottom: -152px;
}

#11 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 15 Май 2013 - 01:04

у меня нету кода <td class="goodsListItem"> что делать?

#12 Vaccina

Vaccina

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

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

Отправлено 15 Май 2013 - 02:15

Вместо

<td class="goodsListItem">

изменяйте

<div class="tabproduct">

#13 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 15 Май 2013 - 23:26

Все коды которые были написаны, уже есть у меня в шаблонах, но на главной так и ничего не работает!

И теперь в каталоге проблема, там при наведение на одну КАТЕГОРИЮ, сразу всплывают подсказки на всех!

Еще раз пишу, что нужна всплывающая подсказка только на ТОВАРАХ, а не на КАТЕГОРИЯХ, и что эти подсказки работали как в категориях (когда заходишь в категории и видишь список товаров ), так и на главной

Вообще беда... :( :( :(

#14 Сake

Сake

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

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

Отправлено 16 Май 2013 - 00:42

Найдите и удалите в вашем файле main.js 

$(function() {
  $(".goodsListItem").hover(function(){
  $(".show_desc").show();}, function(){$(".show_desc").hide();});
});

далее в шаблоне "HTML" найдите 


{% FOR index_page_new_goods %}
					<td>
					  <div class="tabproduct">

и замените на

{% FOR index_page_new_goods %}
					<td>
					  <div class="tabproduct">
						<div class="show_desc" style="display: none;">{index_page_new_goods.DESCRIPTION_SHORT}</div>

далее найдите

{% FOR index_page_goods %}
			 
			  <div class="box padd">
				<div class="titlebox txtalgnlft">
				  <ul>
					<li class="blue fnt11b">
					<h2><a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">ХИТ Продаж</a></h2>
					</li>
					<li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li>
				  </ul>
				</div>
				<div class="ulproduct">

и замените на


{% FOR index_page_goods %}
			 
			  <div class="box padd">
				<div class="titlebox txtalgnlft">
				  <ul>
					<li class="blue fnt11b">
					<h2><a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">ХИТ Продаж</a></h2>
					</li>
					<li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li>
				  </ul>
				</div>
				<div class="ulproduct">
				  <div class="show_desc" style="display: none;">{index_page_goods.DESCRIPTION_SHORT}</div>

далее найдите

{% FOR index_page_favorites_goods %}
					<td>
					  <div class="tabproduct">

и замените на

{% FOR index_page_favorites_goods %}
					<td>
					  <div class="tabproduct">
						 <div class="show_desc" style="display: none;">{index_page_favorites_goods.DESCRIPTION_SHORT}</div>

далее в файле стилей main.css найдите

.show_desc {
				background: #FFFFFF;	  border: 1px solid #F2930C;  font-size: 12px;  line-height: 1.25;			  /* border-radius: 6px;*/			   
				display: none; 
				padding: 5px;   
				position: relative;	   
				right: -203px;  top: 10px;		width: 115px;  
				z-index: 9999;
				overflow: hidden;
				height: 140px;
				margin-bottom: -152px;
}

и замените на

.show_desc {
				background: #FFFFFF;	 
				border: 1px solid #F2930C; 
				font-size: 12px; 
				line-height: 1.25;			  
				display: none; 
				padding: 5px;   
				position: absolute;	   
				right: -60px;  
				top: 10px;		
				width: 115px;  
				z-index: 9999;
				overflow: hidden;
				height: 140px;
}
.ulproduct,
.tabproduct {
				position: relative;
}
.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
				display: block; 
}

#15 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 16 Май 2013 - 11:55

Просмотр сообщенияСake (16 Май 2013 - 00:42) писал:

Найдите и удалите в вашем файле main.js

$(function() {
$(".goodsListItem").hover(function(){
$(".show_desc").show();}, function(){$(".show_desc").hide();});
});

далее в шаблоне "HTML" найдите


{% FOR index_page_new_goods %}
				 <td>
					 <div class="tabproduct">

и замените на

{% FOR index_page_new_goods %}
				 <td>
					 <div class="tabproduct">
<div class="show_desc" style="display: none;">{index_page_new_goods.DESCRIPTION_SHORT}</div>

далее найдите

{% FOR index_page_goods %}
			
			 <div class="box padd">
			 <div class="titlebox txtalgnlft">
				 <ul>
				 <li class="blue fnt11b">
				 <h2><a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">ХИТ Продаж</a></h2>
				 </li>
				 <li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li>
				 </ul>
			 </div>
			 <div class="ulproduct">

и замените на


{% FOR index_page_goods %}
			
			 <div class="box padd">
			 <div class="titlebox txtalgnlft">
				 <ul>
				 <li class="blue fnt11b">
				 <h2><a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">ХИТ Продаж</a></h2>
				 </li>
				 <li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li>
				 </ul>
			 </div>
			 <div class="ulproduct">
<div class="show_desc" style="display: none;">{index_page_goods.DESCRIPTION_SHORT}</div>

далее найдите

{% FOR index_page_favorites_goods %}
				 <td>
					 <div class="tabproduct">

и замените на

{% FOR index_page_favorites_goods %}
				 <td>
					 <div class="tabproduct">
<div class="show_desc" style="display: none;">{index_page_favorites_goods.DESCRIPTION_SHORT}</div>

далее в файле стилей main.css найдите

.show_desc {
			 background: #FFFFFF;	 border: 1px solid #F2930C; font-size: 12px; line-height: 1.25;			 /* border-radius: 6px;*/			
			 display: none;
			 padding: 5px;
			 position: relative;	
			 right: -203px; top: 10px;	 width: 115px;
			 z-index: 9999;
			 overflow: hidden;
			 height: 140px;
			 margin-bottom: -152px;
}

и замените на

.show_desc {
			 background: #FFFFFF;	
border: 1px solid #F2930C;
font-size: 12px;
line-height: 1.25;
			 display: none;
			 padding: 5px;
position: absolute;
right: -60px;
top: 10px;
width: 115px;
			 z-index: 9999;
			 overflow: hidden;
			 height: 140px;
}
.ulproduct,
.tabproduct {
position: relative;
}
.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
display: block;
}


Поставил краткое описание на палатку Maverick ULTRA (http://turpohod-pala...rld-of-Maverick) краткое описание не всплывает... :(

#16 Сake

Сake

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

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

Отправлено 17 Май 2013 - 01:34

По всей видимости идет переопределение стиля. Замените в файле стилей main.css

.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
display: block;
}

на

.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
display: block !important;
}

#17 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 17 Май 2013 - 15:25

Просмотр сообщенияСake (17 Май 2013 - 01:34) писал:

По всей видимости идет переопределение стиля. Замените в файле стилей main.css

.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
display: block;
}

на

.ulproduct:hover .show_desc,
.tabproduct:hover .show_desc {
display: block !important;
}

опять подсказка вылезает снизу наименования товара, а не как на сайте http://alpa-shop.ru/

#18 Сake

Сake

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

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

Отправлено 18 Май 2013 - 01:56

У вас присутствует ошибка в файле стилей main.css из-за чего не применяются стили. Найдите

.m1 a img:hover {
		-moz-box-shadow: 2px 2px 10px #000000;  
		-webkit-box-shadow: 2px 2px 10px #000000;  
		box-shadow: 1px 1px 15px #000000;   filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=13);
		border-radius: 6px;
}
}
.show_desc {

и замените на

.m1 a img:hover {
		-moz-box-shadow: 2px 2px 10px #000000;  
		-webkit-box-shadow: 2px 2px 10px #000000;  
		box-shadow: 1px 1px 15px #000000;   filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=13);
		border-radius: 6px;
}
.show_desc {

#19 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 19 Май 2013 - 12:10

Просмотр сообщенияСake (18 Май 2013 - 01:56) писал:

У вас присутствует ошибка в файле стилей main.css из-за чего не применяются стили. Найдите

.m1 a img:hover {
	 -moz-box-shadow: 2px 2px 10px #000000;
	 -webkit-box-shadow: 2px 2px 10px #000000;
	 box-shadow: 1px 1px 15px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=13);
	 border-radius: 6px;
}
}
.show_desc {

и замените на

.m1 a img:hover {
	 -moz-box-shadow: 2px 2px 10px #000000;
	 -webkit-box-shadow: 2px 2px 10px #000000;
	 box-shadow: 1px 1px 15px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=13);
	 border-radius: 6px;
}
.show_desc {

Вот сейчас отлично все! НО:

1) Подсказка выползает на категориях товара (http://turpohod-palatki.ru/catalog) - нужно только чтобы на самом товаре.

2) как сделать чтобы размер окна всплывающей подсказки был в зависимости от количества текста? Т.е. сейчас окно подсказки одинаковая везде.

#20 miyako

miyako

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

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

Отправлено 19 Май 2013 - 13:26

Просмотр сообщенияKorolev Andrey (19 Май 2013 - 12:10) писал:

Вот сейчас отлично все! НО:

1) Подсказка выползает на категориях товара (http://turpohod-palatki.ru/catalog) - нужно только чтобы на самом товаре.

2) как сделать чтобы размер окна всплывающей подсказки был в зависимости от количества текста? Т.е. сейчас окно подсказки одинаковая везде.

2) Найдите в main.css код:
.show_desc {
background: #FFFFFF;
border: 1px solid #F2930C;
font-size: 12px;
line-height: 1.25;
display: none;
padding: 5px;
position: absolute;
right: -60px;
top: 10px;
width: 115px;
z-index: 9999;
overflow: hidden;
height: 140px;
}
и замените на:
.show_desc {
background: #FFFFFF;
border: 1px solid #F2930C;
font-size: 12px;
line-height: 1.25;
display: none;
padding: 5px;
position: absolute;
right: -60px;
top: 10px;
width: 115px;
z-index: 9999;
overflow: hidden;
height: auto;
}

Обратно в Шаблон Пластик


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. Privacy Policy