jQuery + краткое описание продукта

[10 ноября 2016 г.]    Российская сборка Magento 2.49.12
Magento 2: модули и услуги
#1 Владимир Бонапартов
  • забанен за воровство
  • Группа: Заблокирован
  • Сообщений: 149
  • Регистрация: 23.08.2010

11.12.2010 16:15

Возможно кому нибудь пригодится. В моём магазине достаточно много места занимает краткое описание товара.
В итоге решил сделать скрываемые по щёлчку мыши текст.

в файле catalogproductview.phtml ( у большинства это view.phtml) используемой темы.

определяем стили

<style>
#sdescription {
display:none;
}
</style>


Подключаем jquery

<script type="text/javascript" src=jquery/jquery-1.2.6.min.js></script>


Указываем обёртку и действие

<script type="text/javascript">
jQuery(function()
{
jQuery('#opisanie').click(function()
{
jQuery('#sdescription').slideToggle(250);
return false;
});
});
</script>
<?php if ($_product->getShortDescription()):?>
                <div class="short-description">
                    <h2><a href="#"id="opisanie"><?php echo $this->__('Quick Overview') ?></a></h2>
		      <label>
			<div id="sdescription">                    
			<div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div></div>
		      </label>
                </div>
            <?php endif;?>


sdescription и opisanie - можете назвать посвоему

Всё.


Вместо

jQuery('#sdescription').slideToggle(250);


можно написать иначе, здесь можно контролировать отдельно скорость открытия и скорость скрытия текста.

if (jQuery("#sdescription").is(":hidden")) {
				jQuery("#sdescription").show("slow");
			} else {
				jQuery("#sdescription").hide("slow");
			}


вместо slow, можно указать fast, или в мсек (напр. 2000).


Конечно код не претендует на оптимальный, но с удовольствием выслушаю комментарии.

Поделиться темой: