Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

Отображение продукт_инфо в компактном виде (юзабилити)

Нужна помощь. Не выходит изменить местоположение дополнительных картинок (которые справа вертикально), нужно чтобы рядом с основной, первой (там есть место) картинкой следом были остальные (горизонтально) и не такие размером как первая (в админке один размер на них). Нужно отобразить их меньше размером типа - 100х100пикс с теми же возможностями просмотра.
Запутался, что изменить? Думаю, что менять в этом месте:
(http://kengyry.com.ua/product_info.php?products_id=101)

Файл изнутри: /default/module/product_info/product_info.html
-----

{config_load file="$language/lang.conf" section="product_info"}
{$FORM_ACTION}
<table width="100%" border="0">
  <tr>
    <td>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="main" valign="top">

<h1 class="contentBoxHeading">{$PRODUCTS_NAME}</h1>

{$PRODUCT_NAVIGATOR}

<!-- картинка  и цены -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr class="contentBoxContents1" valign="top">
    <td height="90" class="contentBoxContents1" valign="top">
      <table width="100%" cellpadding="0" cellspacing="5"><tr>
        <td class="contents" valign="top">
{$PRODUCTS_IMAGE_BLOCK}
        </td>
        <td class="contents products_info" width="100%" valign="top">
<strong>Цена:&nbsp;{$PRODUCTS_PRICE}</strong><br />
{$PRODUCTS_TAX_INFO}
{if $PRODUCTS_SHIPPING_LINK}
  {$PRODUCTS_SHIPPING_LINK}
{/if}
<br />
{if $PRODUCTS_VPE}
  {$PRODUCTS_VPE}<br />
{/if}
{if $PRODUCTS_MODEL!=''}
{#model#} {$PRODUCTS_MODEL}<br />
{/if}
{if $PRODUCTS_DISCOUNT}
{#text_discount#}&nbsp;{$PRODUCTS_DISCOUNT}<br />
{/if}
{#print#}&nbsp;{$PRODUCTS_PRINT}<br />
{#question#}&nbsp;{$ASK_PRODUCT_QUESTION}<br />
{if $SHIPPING_NAME}
            <table border="0" cellpadding="0" cellspacing="0">
              <tr valign="middle">
                <td class="main">{#text_shippingtime#}</td>
                {if $SHIPPING_IMAGE}<td><img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" /></td>
                {/if}
                <td class="main" align="left">&nbsp;{$SHIPPING_NAME}</td>
              </tr>
            </table>
{/if}
<br />
{if $MODULE_product_options !=''}
  {$MODULE_product_options}<br />
{/if}
<!-- в корзину -->
            <table border="0" align="center">
                  <tr>
                    <td align="center">
<div>Количество:&nbsp;&nbsp;{$ADD_QTY}</div><br>
<div>{$ADD_CART_BUTTON}</div>
                    </td>
                                        </tr>
            </table>
<!-- /в корзину -->
    </td>
    </tr>
    </table>
  </td>
  </tr>
</table>
<!-- /картинка и цены -->
          </td>
        </tr>
      </table>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="main" valign="top" width="100%">
<!-- описание -->
<table  width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr class="contents" valign="top">
    <td height="90" class="contents" valign="top">
      <table border="0" width="100%" cellspacing="5" cellpadding="0">
        <tr>
          <td class="contents2">
{if $PRODUCTS_DESCRIPTION !=''}
  {$PRODUCTS_DESCRIPTION}<br />
{/if}
<br />
{if $extra_fields_data}
{foreach name=aussen item=extra_fields from=$extra_fields_data}
<b>{$extra_fields.NAME}</b>: {$extra_fields.VALUE}<br />
{/foreach}
{/if}

{if $MODULE_tpt != ''}
  {$MODULE_tpt}<br />
{/if}
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<!-- /описание -->
          </td>
{if ($PRODUCTS_FSK18=='true') or ($MODULE_graduated_price !='') or $PRODUCTS_MO_IMAGES or $PRODUCTS_IMAGE_LINK!=''}
          <td>&nbsp;&nbsp;</td>
          <td valign="top" align="right">
<!-- картинки, скидки -->
<table border="0" cellpadding="0" cellspacing="0">
  <tr class="contentBoxContents1" valign="top">
    <td height="90" class="contents" valign="top">
      <table border="0" width="100%" cellspacing="5" cellpadding="0">
        <tr>
          <td class="contents">
{if $PRODUCTS_FSK18=='true'}
  <img src="{$tpl_path}img/fsk18.gif" alt="" /><br />
{/if}
{if $MODULE_graduated_price !=''}
  {$MODULE_graduated_price}<br />
{/if}
<!-- more images -->
{if $PRODUCTS_MO_IMAGES}
<table width="100%" border="0">
{foreach name=mo_pic item=img_values from=$mo_img}
  <tr>
    <td>
{$img_values.PRODUCTS_MO_IMAGE_BLOCK}
    </td>
  </tr>
{/foreach}
{/if}
{$PRODUCTS_MO_IMAGE_BLOCK}
</table>
<!-- <br /> -->
<!-- more images eof -->
{if $PRODUCTS_IMAGE_LINK!=''}
  <a href="{$PRODUCTS_IMAGE_LINK}" onclick="window.open(this.href); return false;">{$PRODUCTS_TEXT_ZOOM}</a>
<!-- <br /> -->
{/if}
<!-- картинки, скидки -->
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<!-- /картинки, скидки -->
{/if}
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

{if $PRODUCTS_URL != ''}
<table width="100%" border="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_URL}<br /></td>
  </tr>
</table>{/if}
{if $PRODUCTS_DATE_AVIABLE != ''}
<table width="100%" border="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_DATE_AVIABLE}<br /></td>
  </tr>
</table>{/if}
{if $PRODUCTS_ADDED != ''}
<table width="100%" border="0" class="boxTextBG">
  <tr>
    <td align="center">{$PRODUCTS_ADDED}<br /></td>
  </tr>
</table>{/if}
{if $MODULE_products_reviews != ''}
<table width="100%" border="0">
  <tr>
      <td>{$MODULE_products_reviews}<br /></td>
  </tr>
</table>{/if}
{if $MODULE_products_media != ''}
  <table width="100%" border="0">
    <tr>
      <td align="center">{$MODULE_products_media}<br /></td>
    </tr>
  </table>
{/if} {if $MODULE_cross_selling != ''}
<table width="100%" border="0">
  <tr>
    <td align="center">{$MODULE_cross_selling}<br /></td>
  </tr>
</table>
{/if} {if $MODULE_reverse_cross_selling != ''}
<table width="100%" border="0">
  <tr>
    <td align="center">{$MODULE_reverse_cross_selling}<br /></td>
  </tr>
</table>
{/if}{if $MODULE_also_purchased != ''}
<table width="100%" border="0">
    <tr>
      <td align="center">{$MODULE_also_purchased}<br /></td>
    </tr>
  </table>{/if}
 
 
{$FORM_END}

У вас все картинки одного размера или некоторые вертикально вытянутые а некоторые горизонтально?
Объясню ситуацию, если картинки разных так сказать "размеров" то подгоняя их под один стандарт они будут просто не красиво смотреться (сам пробовал)....соответственно перешел к другому варианту

А вообще...Расположение меняется /themes/шаблон/module/product_info/
Что бы сделать по три в рядок я сделал вот так

<!-- more images -->
    {if $PRODUCTS_MO_IMAGES}
        '<table width="100%" border="0">
            <tr>
                {foreach name=mo_pic item=img_values from=$mo_img}
                    <td align="center"  width="50%">
                        {$img_values.PRODUCTS_MO_IMAGE_BLOCK}
                    </td>
                    {if $smarty.foreach.mo_pic.iteration % 3 == 0 && !$smarty.foreach.mo_pic.last}
                  </tr><tr>
                  {/if}
              {/foreach}
          </tr>
   
    {/if}
    {$PRODUCTS_MO_IMAGE_BLOCK}
    </table>
    <br />
    <!-- more images eof -->
    {if $PRODUCTS_IMAGE_LINK!=''}
      <a href="{$PRODUCTS_IMAGE_LINK}" onclick="window.open(this.href); return false;">{$PRODUCTS_TEXT_ZOOM}</a><br />
    {/if}

или можно через плагины

пример

if (is_page('product_info'))
{
add_filter('products_image_block', 'products_image_block_fancybox');
add_filter('products_mo_image_block', 'products_mo_image_block_fancybox');
}

function products_image_block_fancybox($_value) {
global $image_pop;
global $product;
global $image;

    if ( !empty($image_pop) )
    {
  $_value = '<a href="'.$image_pop.'" title="'.$product->data['products_name'].'" target="_blank" rel="example_group"><img src="'.$image.'"  alt="'.$product->data['products_name'].'" /></a>';
    }
   
return $_value;
}



function products_mo_image_block_fancybox($_value) {
global $product;

$_value['PRODUCTS_MO_IMAGE_BLOCK'] =  '<a href="'.$_value['PRODUCTS_MO_POPUP_IMAGE'].'" title="'.$product->data['products_name'].'" target="_blank" rel="example_group"><img src="'.$_value['PRODUCTS_MO_IMAGE'].'"  alt="'.$product->data['products_name'].'" /></a>';

return $_value;
}


У вас все картинки одного размера или некоторые вертикально вытянутые а некоторые горизонтально?
Объясню ситуацию, если картинки разных так сказать "размеров" то подгоняя их под один стандарт они будут просто не красиво смотреться (сам пробовал)....соответственно перешел к другому варианту


Спасибо за ответы, картинки будут все мои, поэтому подогнать в один размер можно. Но возможно вы и правы, в том что они будут смотреться как-то не так, попробую сделать в двух вариантах.

А как назвать этот файл чтобы он воспринимался как плагин?
Что-то типа: image-zoom.php?

.'" /></a>';

return $_value;
}

Источник
Copyright ShopOS