Помощь Всплывающие тех.характеристики в кратком описании товара

13zone · 5 Сен 2009

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

помогите плиз разобраться :bc:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

леплю это дело тут

guy25 · 5 Сен 2009

Посетитель просматривает категорию (каталог, не полное описание), соответственно в includes\category.php должно считываться техническое описание и присваивать их переменной...
У вас это есть (вы это реализовали)?

13zone · 5 Сен 2009

тыкни носом плиз где в product_detailed.php выборка этих доп полей.....

guy25 · 5 Сен 2009

строка 27
$q = db_query("select categoryID, name, description, customers_rating, Price, picture, in_stock, thumbnail, customer_votes, big_picture, list_price, productID, product_code from ".PRODUCTS_TABLE." where productID='$productID' and enabled=1") or die (db_error());
$a = db_fetch_row($q);

sounde · 22 Окт 2009

Кстати, если довести до ума, очень полезный мод бы получился.
На кратком описании можно было бы добавть маленькую кнопку "Больше инфо" при наведении курсора на который всплывала бы окошечко с полной информацией о товаре. Так удобнее мне кажеться, чем, если окно всплывает просто при наведении на товар, т.к. может мешаться.

13zone · 25 Окт 2009

получилось, сделал (помогли)

в файле продуктс_бриеф.тпл.хтмл у меня описано так

HTML:

<table width=100% border=0 cellspacing=0 cellpadding=2 class="bbcodes2">
<tr class="voting">
<td {if $product_info.picture || $product_info.thumbnail || $product_info.allow_products_comparison}width="100" {/if} align=center valign=top>

	{if $product_info.thumbnail}
<div class="balloon">
<ul>


<li>
<a href="index.php?productID={$product_info.productID}"><img style="position:absolute;" src="images/new.gif"><img src="products_pictures/{$product_info.thumbnail}" 
				title="{$product_info.name}" alt="{$product_info.name}"
				border=0 >{$smarty.const.MORE_INFO_ON_PRODUCT}	
                <!--[if IE 7]><!--></a><!--<![endif]-->

<table><tbody><tr><td>
<dl id="web6">
<dt>Техническое описание</dt>
<dd>

{foreach from=$product_info key=key item=value}
     {if is_array($value)}
     
         {foreach from=$value item=item}
             <p> 
              {$item.name}:
              {$item.option_value} <br />
             </p>
         {/foreach}
     {/if}
{/foreach}

<a href="index.php?productID={$product_info.productID}">{$smarty.const.MORE_INFO_ON_PRODUCT}	
                <!--[if IE 7]><!--></a><!--<![endif]-->


<em></em>
</dd>
</dl>
</td></tr></tbody></table>

<!--[if lte IE 6]>
</a>
<![endif]-->

</li>

</ul>
</div>

        
        <br><br>
	{else} 
		{if $product_info.picture}
			<div class="balloon">
<ul>


<li>
<a href="index.php?productID={$product_info.productID}"><img style="position:absolute;" src="images/new.gif"><img src="products_pictures/{$product_info.picture}" 
				title="{$product_info.name}" alt="{$product_info.name}"
				border=0 >{$smarty.const.MORE_INFO_ON_PRODUCT}	
                <!--[if IE 7]><!--></a><!--<![endif]-->

<table><tbody><tr><td>
<dl id="web6">
<dt>Техническое описание</dt>
<dd>

{foreach from=$product_info key=key item=value}
     {if is_array($value)}
     
         {foreach from=$value item=item}
             <p> 
              {$item.name}:
              {$item.option_value} <br />
             </p>
         {/foreach}
     {/if}
{/foreach}

<a href="index.php?productID={$product_info.productID}">{$smarty.const.MORE_INFO_ON_PRODUCT}	
                <!--[if IE 7]><!--></a><!--<![endif]-->


<em></em>
</dd>
</dl>
</td></tr></tbody></table>

<!--[if lte IE 6]>
</a>
<![endif]-->

</li>

</ul>
</div>
        <br><br>
{else}
<a class="olive" href="index.php?productID={$product_info.productID}"><img style="position:absolute;" src="images/new.gif">
<img src="products_pictures/blank.jpg" title="{$product_info.name}" alt="{$product_info.name}" border=0><br>
				{$smarty.const.MORE_INFO_ON_PRODUCT}
			</a><br>           
		{/if}
	{/if}

в файле цсс

HTML:

.balloon {
font-family: verdana, sans-serif; 
width:100px;
height:50px;
margin:50px 125px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:5px;
width:142px;
height:142px;
border:0px solid red;
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:150px; 
height:100px; 
color:#000; 

}
.balloon ul li a img, .balloon ul li a:visited img {
border:1;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:1;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {width:200px; padding:0 0 20px 0; background:transparent url(../sites/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(../sites/top.gif) no-repeat top left; text-align:center;}
.balloon dd {margin:0px 0px 10px 0px; padding:5px 15px; color:#000; font-size:1em; border:1px solid #FF9900; border-width:0 4px; background:#f9f6f2; }
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web2 {background:transparent url(../sites/bottom2.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(../sites/bottom3.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(../sites/bottom4.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(../sites/bottom5.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 { background-image:url(../images/boolbott.gif); height:auto; width:300px;}
.balloon dl#web2 dt {background:transparent url(../sites/top2.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(../sites/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(../sites/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(../sites/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background-image:url(../images/booltop.gif)}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
top:-75px;
left:120px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:75px;
width:36px; 
height:36px;
background:transparent url(../sites/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}

пример работы можно посмотреть тут (выводится всплывающее окошко при наличии фотографии на товаре)

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

если я чего-то пропустил тут, желающим дам файлы для разбора

dimkaaa · 25 Окт 2009

Выложи пож все файлы если не трудно для разбора.

13zone · 28 Окт 2009

здесь сам шаблон и файлы цсс

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Extraterestrial · 26 Ноя 2009

13zone написал(а):
пример работы можно посмотреть тут (выводится всплывающее окошко при наличии фотографии на товаре)
*** скрытое содержание ***
если я чего-то пропустил тут, желающим дам файлы для разбора

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

13zone · 4 Дек 2009

Extraterestrial написал(а):
А ты не мог бы выложить пример как сделать меню в твоем примере, меня вывод характеристик не очень интересует, а вот меню у тебя оригинальное, если можешь - поделись идеей, либо намекни куда копать?

пользуйся поиском.... не помню точно в какой теме, я выкладывал свое решение для такого меню (но только выводится там 1 и 2 уровень вложения)

Помощь Всплывающие тех.характеристики в кратком описании товара

13zone

Профессор

guy25

Создатель

13zone

Профессор

guy25

Создатель

sounde

Гуру форума

13zone

Профессор

dimkaaa

Постоялец

13zone

Профессор

Extraterestrial

Писатель

13zone

Профессор