Нужна помощь в настройке модуля Product Accessories

Chopik · 29 окт 2013

Всем вечер добрый,
установил я данный модуль (http://www.presto-changeo.com/ru/prestashop-free-modules/33-product-accessories.html) .. и получил аксесуары следующего вида (как на скрине позиция Extra action product page (right))

И хотелось бы переделать чуть блок - чтобы скрол изображений был не вертикальный, а горизонтальный , в идеале как в миниатюрах товара [IMG]

. В какую сторону копать? Ато что-то я уже запутался остаточно.

Отвечаем за вывод данный код

Спойлер

Код:

<!-- MODULE Accessories -->
{if isset($accessories) AND $accessories}
    <style>
    ul#idTab4
    {ldelim}
        display: none;
    {rdelim}
    </style>
    <script type="text/javascript">
        $(document).ready(function () {ldelim}
            $("#more_info_tabs a").each(function() {ldelim}
            if ($(this).attr('href') == "#idTab4")
                $(this).css('display','none');
            {rdelim});
        {rdelim});
    </script>
    <div id="pa_container" class="block_content{if $accessories|@count > 2} pa_er_height{/if}">
        <div class="pa_er_header">{l s='Accessories' mod='productaccessories'}</div>
        <div class="pa_er_product_container{if $accessories|@count > 4} scroll-pane{/if}{if $accessories|@count > 2} pa_erp_height{/if}">

            {foreach from=$accessories item=accessory name=accessories_list}
                <div class="ajax_block_product pa_er_block{if $accessories|@count > 4}_scroll{/if}">
                    {assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
                    <h5 class="align_center"><a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" target="_blank">{$accessory.name|truncate:20:'...'|escape:'htmlall':'UTF-8'}</a></h5>
                    <div class="pa_er_image ps_image_{$pa_image}">
                        <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" target="_blank" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image">
                            <img src="{if $pa_old_img}{$img_prod_dir}{$accessory.id_image}-{$pa_image}.jpg{else}{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, $pa_image)}{/if}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" />
                        </a>





                    </div>
                    <div class="pa_er_accessories_price">
                        <div class="price">{if !$priceDisplay}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</div>
                        <div class="pa_er_atc"><a class="button_small exclusive_small ajax_add_to_cart_button" href="{$base_dir}cart.php?qty=1&amp;id_product={$accessory.id_product|intval}&amp;token={$static_token}&amp;add" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart' mod='productaccessories'}">{l s='Add' mod='productaccessories'}</a></div>
                    </div>
                </div>
                {if $smarty.foreach.accessories_list.iteration % 2 == 0}
                    <div style="height:15px;width:100%;clear:both">&nbsp;</div>
                {/if}
            {/foreach}

        </div>
    </div>
    {if $accessories|@count > 4}
        <script type="text/javascript">
            $('document').ready( function() {ldelim}
                $('.pa_er_product_container').jScrollPane();
            {rdelim});
        </script>
    {/if}
{/if}
<!-- / MODULE Accessories -->

Буду благодарен за любую помощь!

ruleoffdv · 30 мар 2015

используйте обычный css

Имя вашего div.{
overflow-y: scroll
}

Chopik сказал(а): ↑