Дополнительные фотографии товара

Тема в разделе "WebAsyst", создана пользователем ndtest, 20 мар 2010.

Статус темы:
Закрыта.
Модераторы: mdss
  1. ndtest

    ndtest Создатель

    Регистр.:
    12 ноя 2008
    Сообщения:
    36
    Симпатии:
    18
    Прошу помощи. Как реализовать, чтоб дополнительные изображения товара отображались после его подробного описания?
    Заранее спасибо
     
  2. Ins1ne

    Ins1ne Постоялец

    Регистр.:
    26 авг 2009
    Сообщения:
    89
    Симпатии:
    25
    можете попробовать поэкспериментировать с файлами
    и
    В первом можете передвинуть сам блок с картинками, а во втором как этот блок выводить.
     
  3. ndtest

    ndtest Создатель

    Регистр.:
    12 ноя 2008
    Сообщения:
    36
    Симпатии:
    18
    Где искать понятно, вопрос, как реализовать?
     
  4. ndtest

    ndtest Создатель

    Регистр.:
    12 ноя 2008
    Сообщения:
    36
    Симпатии:
    18
    нашел следующее решение:
    [в product_images.html вырезаем
    HTML:
    {if $all_product_pictures}<table border="1" cellpadding="3" align="center" class="img_podr">
    			{foreach from=$all_product_pictures item=_picture name=frpict}{if $_picture.photoID != $product_info.photoID}
    			{counter name=_pict_num assign=_pict_num}{if ($_pict_num-1)%2 == 0}<tr>{/if}
    			<td align="center" style="width: {$smarty.const.CONF_PRDPICT_THUMBNAIL_SIZE}px; height: {$smarty.const.CONF_PRDPICT_THUMBNAIL_SIZE}px;">		
    			{if !$printable_version&&($_picture.width>$smarty.const.CONF_PRDPICT_THUMBNAIL_SIZE ||$_picture.height>$smarty.const.CONF_PRDPICT_THUMBNAIL_SIZE) }
    			<a onclick="return hs.expand(this)" href='{$smarty.const.URL_PRODUCTS_PICTURES}/{if $_picture.enlarged}{$_picture.enlarged|escape:'url'}{else}{$_picture.filename|escape:'url'}{/if}' img_width="{$_picture.width}" img_height="{$_picture.height}" img_enlarged="{if $_picture.enlarged}{$smarty.const.URL_PRODUCTS_PICTURES}/{$_picture.enlarged|escape:'url'}{/if}" img_picture="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_picture.filename|escape:'url'}" target="_blank">
    			<img src='{$smarty.const.URL_PRODUCTS_PICTURES}/{$_picture.thumbnail|escape:'url'}' border='1' alt="{$product_info.name|escape:'html'}" title="{$product_info.name|escape:'html'}" /></a>
    			{else}<img src='{$smarty.const.URL_PRODUCTS_PICTURES}/{$_picture.thumbnail|escape:'url'}' border='1' alt="{$product_info.name|escape:'html'}" title="{$product_info.name|escape:'html'}" />{/if}
    			</td>
    			{if ($_pict_num)%2 == 0}</tr>{/if}{/if}{/foreach}
    		{if ($_pict_num+1)%2 == 0}</tr>{/if}</table>{/if}
    и вставляем в product_info.html, там, где хотим лицезреть доп.фоты.
    Прописываем класс в main.css и можно вставить после {if $all_product_pictures}
    HTML:
    <h2>Дополнительные фотографии товара:</h2>
    %2 - количество фотографий в колонке, меняем на нужную цифиру
     
    lar0ux нравится это.
  5. vicsk

    vicsk Постоялец

    Регистр.:
    19 янв 2010
    Сообщения:
    147
    Симпатии:
    8
    А есть возможность выводить количество доп.изображений в строке, в зависимости от разрешения экрана?То есть чтобы изображения автоматически переносились на вторую строку,если не хватает ширины экрана?
     
  6. alica

    alica

    Регистр.:
    28 июл 2008
    Сообщения:
    243
    Симпатии:
    76
    Это лучше делать через JS, например:

    PHP:
    $(function(){ //jQuery
        
    $(window).resize(function(){
            var 
    = $(window).height();
            var 
    = $(window).width();
            $(
    "#elementToResize").css('height',(1024 || 768) ? 500 400);
        });
    });
     
  7. vicsk

    vicsk Постоялец

    Регистр.:
    19 янв 2010
    Сообщения:
    147
    Симпатии:
    8
    А поподробнее как подключить можно?Я всавил скрипт в product_images.html,теперь понимаю нужно задать id="elementToResize" для блока с изображениями...куда именно вставить и еще что-то нужно?
     
  8. alica

    alica

    Регистр.:
    28 июл 2008
    Сообщения:
    243
    Симпатии:
    76
    в header.html
    PHP:
    <script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
    <script type="text/javascript">
    $(function(){ 
      var h = $(window).height();
      var w = $(window).width();
      $("#elementToResize").css('width',(h < 1024 || w < 768) ? 500 : 400);
    });
    </script>
    Соответственно добавляем id elementToResize для блока с картинками в product_images.html или в product_info.html и все.
     
  9. vicsk

    vicsk Постоялец

    Регистр.:
    19 янв 2010
    Сообщения:
    147
    Симпатии:
    8
    В том-то и проблема,что я не могу вычленить конкретный блок с изображениями,уже все перепробывал...не работает...я конечно прошу извенения за наглость,а можно выложить уже готовый,измененый код для product_images.html?:ah:
     
Статус темы:
Закрыта.