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

Тема в разделе "Shop-script", создана пользователем 13zone, 5 сен 2009.

Статус темы:
Закрыта.
  1. 13zone

    13zone

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

    помогите плиз разобраться :bc:
    http://job.13zone.ru/index.php?categoryID=2
    леплю это дело тут
     
  2. guy25

    guy25 Создатель

    Регистр.:
    22 авг 2009
    Сообщения:
    10
    Симпатии:
    2
    Посетитель просматривает категорию (каталог, не полное описание), соответственно в includes\category.php должно считываться техническое описание и присваивать их переменной...
    У вас это есть (вы это реализовали)?
     
  3. 13zone

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    190
    Симпатии:
    45
    тыкни носом плиз где в product_detailed.php выборка этих доп полей.....
     
  4. guy25

    guy25 Создатель

    Регистр.:
    22 авг 2009
    Сообщения:
    10
    Симпатии:
    2
    строка 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);
     
  5. sounde

    sounde

    Регистр.:
    12 сен 2008
    Сообщения:
    391
    Симпатии:
    64
    Кстати, если довести до ума, очень полезный мод бы получился.
    На кратком описании можно было бы добавть маленькую кнопку "Больше инфо" при наведении курсора на который всплывала бы окошечко с полной информацией о товаре. Так удобнее мне кажеться, чем, если окно всплывает просто при наведении на товар, т.к. может мешаться.
     
  6. 13zone

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    190
    Симпатии:
    45
    получилось, сделал (помогли)

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

    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;
    }	
    
    
    пример работы можно посмотреть тут (выводится всплывающее окошко при наличии фотографии на товаре)

    http://dmx.com.ua/index.php?categoryID=444


    если я чего-то пропустил тут, желающим дам файлы для разбора
     
    voooz, A_L_I_E_N, admevgeniy и ещё 1-му нравится это.
  7. dimkaaa

    dimkaaa Постоялец

    Регистр.:
    4 июн 2007
    Сообщения:
    108
    Симпатии:
    13
    Выложи пож все файлы если не трудно для разбора.:)
     
  8. 13zone

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    190
    Симпатии:
    45
    здесь сам шаблон и файлы цсс



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

    http://games.13zone.ru/shop/

     
  9. Extraterestrial

    Extraterestrial Писатель

    Регистр.:
    21 ноя 2009
    Сообщения:
    3
    Симпатии:
    0


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

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    190
    Симпатии:
    45
    пользуйся поиском.... не помню точно в какой теме, я выкладывал свое решение для такого меню (но только выводится там 1 и 2 уровень вложения)
     
Статус темы:
Закрыта.