Перейти к содержанию
Официальный форум поддержки Simpla

Отображение товара Списком/Галереей


Рекомендуемые сообщения

Здравствуйте!

Помогите пожалуйста реализовать отображение товара Списком/Галереей.

Хочу попробовать прикрутить функцию к обработчику onClick:

 

можно ли через него осуществить:

 

<div class="products_view">Отобразить: 
   <a onclick="" id="switch" href="#">Списком</a>
</div>

 

<script type="text/javascript">

window.onload = function () {

    var a = document.getElementById('switch');
    
    a.onclick = function() {
                
        if (this.innerHTML=='Списком') this.innerHTML = 'Витриной';
        else this.innerHTML = 'Списком';
        //предотвращаем переход по ссылке href
        return false;
    }
    
}
</script>

вот такую функцию:

 

<script>    
        $(function() {
            $('ul.products_view').each(function(i) {
                var storage = localStorage.getItem('list'+i);
                if (storage) $(this).find('li').eq(storage).addClass('current').siblings().removeClass('current')
                    .parents('#content').find('#product_list').addClass('products').removeClass('tiny_products').eq(storage).addClass('tiny_products').removeClass('products');
            })
            $('ul.products_view').on('click', 'li:not(.current)', function() {
                $(this).addClass('current').siblings().removeClass('current')
                    .parents('#content').find('#product_list').removeClass('tiny_products').addClass('products').eq($(this).index()).addClass('tiny_products').removeClass('products');
                var ulIndex = $('ul.products_view').index($(this).parents('ul.products_view'));
                localStorage.removeItem('list'+ulIndex);
                localStorage.setItem('list'+ulIndex, $(this).index());
            })
        });
</script>

Подскажите пожалуйста что надо поменять?

 

Содержание products.tpl

 

{if $products}
	{include file='pagination.tpl'}
	<ul class="tiny_products">
	{foreach $products as $product}
	<li class="product">{include file='tpl_products_blocks.tpl'}</li>
	{/foreach}
	</ul>
       
	{include file='pagination.tpl'}

{else}
        <div id="nettovara">
        Сейчас здесь нет предложений, попробуйте зайти позже...
        </div>
{/if}

 

Ссылка на сообщение
Поделиться на другие сайты

К сожалению я не программист и не верстальщик, очень трудно разобраться...

В таком случае обратитесь к специалисту, я думаю за небольшое вознаграждение Вам все сделают.
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...