Хочется сделать фото как в популярных интернет магазинах
Есть такое желание, сил, мочи и знаний на реализацию которого нет!
И так, в универсальный каталог, под фото добавил дополнительные фото, по клику все открывается как "было задумано" в окне, но хочется чтобы по клику на дополнительные фото, фото становилось в основное и только по клику на основное, оно открывалось в окне.
Скиньте мне код (файл com_catalog_item.tpl, помоему), посмотрю.
{$item.plugins_output_before} {if $cat.view_type=='shop' || $item.can_edit} <div class="float_bar" id="shop_toollink_div"> <!--{if $cat.view_type=='shop'} <div id="shop_cart_link" style="display: inline-block">{$shopCartLink}</div> {/if}--> {if $item.can_edit} <a href="/catalog/edit{$item.id}.html" class="btn btn-default">{$LANG.EDIT}</a> {/if} </div> {/if} <!--<h1 class="con_heading">{$item.title}</h1>--> <div class="row margin-bottom-row"> <br><br> <div class="col-md-8 media-gird"> <a class="lightbox-enabled" title="{$item.title|escape:'html'}" rel="lightbox" href="/images/catalog/{$item.imageurl}" target="_blank"><img class="media-object" alt="{$item.title|escape:'html'}" src="/images/catalog/medium/{$item.imageurl}" /></a> {else} <img class="media-object" src="/images/catalog/medium/nopic.jpg" /> {/if} {if ($item.images)} <div class="otherimages"> <a class="lightbox-enabled" title="{$item.title|escape:'html'}" rel="lightbox" href="/images/catalog/{$image}" target="_blank"> <img src="/images/catalog/small/{$image}" alt="{$item.title|escape:'html'}" style="width: 100px;"> </a> {/foreach} </div> {else} {/if} </div> <div class="col-md-4"> <ul class="list-group"> <h3>{$item.title}</h3> <div style="font-size: 18px;">{$item.price} {$LANG.CURRENCY}</div><hr> <!-- <li class="list-group-item"><strong>{$LANG.ADDED_BY}: </strong> {$getProfileLink}</li> --> {if $value} <div>{$value}</div> {else} <div><strong>{$field}</strong><br>{$value}</div><hr> {/if} {/if} {/foreach} {if ($cat.showtags) && ($tagline)} <li class="list-group-item"><strong>{$LANG.TAGS}: </strong> {$tagline}</li> {/if} </ul> {if $cat.view_type=='shop'} <div style="text-align: center;"> <a href="javascript:" title="{$LANG.ADD_TO_CART}" id="shop_ac_item_link">Добавить в корзину</a><br><br> <a href="javascript:" title="Удалить из корзины" id="shop_delc_item_link" class="my_a_and_hove">Удалить из корзины</a> </div> {/if} {if $item.on_moderate} <div id="shop_moder_form" style="margin:10px 0;"> <p class="text-danger">{$LANG.WAIT_MODERATION}:</p> <table cellpadding="0" cellspacing="0" border="0"><tr> <td> <form action="/catalog/moderation/accept{$item.id}.html" method="POST"> <input type="submit" name="accept" value="{$LANG.MODERATION_ACCEPT}"/> </form> </td> <td> <form action="/catalog/edit{$item.id}.html" method="POST"> <input type="submit" name="accept" value="{$LANG.EDIT}"/> </form> </td> <td> <form action="/catalog/moderation/reject{$item.id}.html" method="POST"> <input type="submit" name="accept" value="{$LANG.MODERATION_REJECT}"/> </form> </td> </tr></table> </div> {/if} </div> </div><hr> {if $cat.is_ratings} {$ratingForm} {/if} {$item.recomend} {$item.plugins_output_after} {if $cat.view_type=='shop'} {literal} <script type="text/javascript"> $('#shop_ac_item_link').click( function() { $.post('/components/catalog/js/get_shopcart.php', {'type':'add', 'id':{/literal}{$item.id}{literal}}, function(data){ $('#shop_cart_link').html(data); }); $.post('/modules/mod_cart/ajax_module.php', {}, function(data){ $('#shop_cart_module').html(data); }); }); $('#shop_delc_item_link').click( function() { $.post('/components/catalog/js/get_shopcart.php', {'type':'del', 'id':{/literal}{$item.id}{literal}}, function(data){ $('#shop_cart_link').html(data); }); $.post('/modules/mod_cart/ajax_module.php', {}, function(data){ $('#shop_cart_module').html(data); }); }); </script> {/literal} {/if}
Вот весь код файла.
Сам сайт mozg23.ru