Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Карточка товара (как вывести полное товара ) ?


BeetleArt1984
 Поделиться

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

Добрый вечер подскажите пожалуйста как вывести полное товара вместо сокращенного ?

 

Нужно убрать это ссылку,  "Показать еще , свернуть "

 

Спасибо !

rem.jpg

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


Не могу найти это в шаблонах ....... category.php /  product.php не пойму где он

 

Вот он public_html/catalog/view/theme/glory01/template/product    product.twig

 

А что вывключить ?

Изменено пользователем BeetleArt1984
Ссылка на комментарий
Поделиться на других сайтах


10 минут назад, BeetleArt1984 сказал:

Так и не удалось найти , подможите кто знает !

это все индивидуально от шаблона зависит, нет серебряной пули 

 

обратитесь в услуги или ко мне в личку, за скромное вознаграждение решу 

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

Нашел: Вот кому надо , это все схоже шаблоны все по сути одинаковые и представление в них тоже )

 

В файле  public_html/catalog/view/javascript/at/custom.js функция

$(".show-more").click(function () {
    if($(".text").hasClass("show-more-height")) {
        $(this).html('Show Less <i class="fa fa-angle-up"></i>');
    } else {
        $(this).html('Show More <i class="fa fa-angle-down"></i>');
    }

    $(".text").toggleClass("show-more-height");
});

 

В файле шаблона public_html/catalog/view/theme/glory01/template/product/product.twig слои которые окутывают наше описание


 

                <div class="tab-pane active" id="tab-description">
                    <div class="text show-more-height">{{ description }}</div>    
                    <div class="show-more"> Показать еще <i class="fa fa-angle-down"></i></div>
                </div>

 

В файле стилей описывается все положения градиенты и т.д

 

public_html/catalog/view/theme/glory01/stylesheet
 

#tab-description {
    position:relative;
}

#tab-description .text {
    margin-bottom: 5px; 
    padding: 0 15px; 
    position:relative; 
    display: block;
}

#tab-description .show-more {
    position: relative;
    font-size: 14px;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    width: 200px;
    margin: 0px auto; 
    text-transform: uppercase;
    font-weight: 400;       
}

#tab-description .show-more:hover {
    color: #333;
}
#tab-description .show-more-height:before{
    display: block;
    content: "";
    height: 100px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    background: linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%,#fff);
}

#tab-description .show-more-height { 
    height: 100px; 
    overflow:hidden; 
}


 

Изменено пользователем BeetleArt1984
Ссылка на комментарий
Поделиться на других сайтах


  • 4 недели спустя...

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.