[Помогите] Скрытие части текста описания категории Читать далее

Тема в разделе "OpenCart", создана пользователем MGT1, 1 ноя 2017.

  1. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    900
    Симпатии:
    218
    Кто каким способом реализовывает свернутое описание категорий, да так что-бы и индексировалось?
    --- Добавлено, 1 ноя 2017 ---
    Интересует не описание категорий что идет в стандарте, а добавить дополнительный блок внизу с большим сео-текстом.
    --- Добавлено, 1 ноя 2017 ---
    Ну и соответственно категорий много - для каждой формировать тогда свою схему?
    --- Добавлено, 1 ноя 2017 ---
    В общем использовать будемс модуль бесконечные блоки наверно, но для них придется создавать каждой категории отдельную схему.
    Теперь подумаем что-бы прописать, что бы не использовать еще сторонний код, а прямо через CKeditor
    --- Добавлено, 1 ноя 2017 ---
    Для 1.5.6.4 можно задействовать такой .xml

    HTML:
    <?xml version="1.0" encoding="UTF-8"?>
    <modification>
    <name>Category Description Expand-Collapse OpenCart 1.5</name>
    <code>Category Description Expand-Collapse OpenCart 1.5</code>
    <version>1.0</version>
    <author>Skunk</author>
    <link>https://opencartforum.com/user/714136-skunk/</link>
    
    <file path="catalog/language/english/product/category.php">
        <operation error="skip">
        <search><![CDATA[// Text]]></search>
        <add position="before">
        <![CDATA[
            $_['ecexp']       = 'Expand';
            $_['eccoll']       = 'Collapse';
        ]]></add>
        </operation>
    </file>
    
    <file path="catalog/language/russian/product/category.php">
        <operation error="skip">
        <search><![CDATA[// Text]]></search>
        <add position="before">
        <![CDATA[
            $_['ecexp']       = 'Развернуть';
            $_['eccoll']       = 'Свернуть';
        ]]></add>
        </operation>
    </file>
    
    <file path="catalog/language/ukrainian/product/category.php">
        <operation error="skip">
        <search><![CDATA[// Text]]></search>
        <add position="before">
        <![CDATA[
            $_['ecexp']       = 'Розгорнути';
            $_['eccoll']       = 'Згорнути';
        ]]></add>
        </operation>
    </file>
    
    <file path="catalog/controller/product/category.php">
        <operation error="skip">
        <search><![CDATA[            $this->data['text_grid'] = $this->language->get('text_grid');]]></search>
        <add position="after">
        <![CDATA[
            $this->data['ecexp'] = $this->language->get('ecexp');
            $this->data['eccoll'] = $this->language->get('eccoll');
        ]]></add>
        </operation>// Text
    </file>
    
    <file path="catalog/view/theme/*/template/product/category.tpl">
        <operation error="skip">
        <search><![CDATA[<?php echo $description; ?>]]></search>
        <add position="replace">
        <![CDATA[
        <style>
        #hiddenwrapper {
        width: 100%;
        height: 100px;
        position: relative;
        z-index: 9999;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        top: -100px;
        }
        #show-desc, #hide-desc {
        text-align:center;
        cursor:pointer;
        }
        #show-desc:hover, #hide-desc:hover {
        color:#337AB7;
        }
        #hide-desc {
        display:none;
        margin-top:10px;
        }
        </style>
        <div id="ec-description" style="overflow:hidden;">
        <?php echo $description; ?>
        </div>
        <div id="hidwrapwrap" style="height:0px;">
            <div id="hiddenwrapper"></div>
        </div>
        <div id="show-desc"><?php echo $ecexp; ?> <i class="fa fa-arrow-down"></i></div>
        <div id="hide-desc"><?php echo $eccoll; ?> <i class="fa fa-arrow-up"></i></div>
        <script>
            $(document).ready(function(){
            var q1 = $("#ec-description").height();
            $("#ec-description").height('100px');
            
             $('#show-desc').click(function(){
                   $("#ec-description").animate({height: (q1)+'px'},200);
                    $("#hidwrapwrap").hide();
                    $("#show-desc").hide();
                    $("#hide-desc").show();
                  });
                  
            $('#hide-desc').click(function(){
                   $("#ec-description").animate({height:'100px'},200);
                    $("#hidwrapwrap").show();
                    $("#hide-desc").hide();
                    $("#show-desc").show();
                  });
        });
        </script>
        ]]></add>
        </operation>
    </file>
    </modification>
    --- Добавлено, 1 ноя 2017 ---
    Но нам этот вариант не подходит - он затрагивает основное короткое описание, что хотелось бы оставить.
    --- Добавлено, 1 ноя 2017 ---
    Пойдемс проще путем. Установить плагин МОРЕ для скедитор.
    --- Добавлено, 1 ноя 2017 ---
    Есть у кого сам плагин?
     
  2. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    900
    Симпатии:
    218
    [​IMG]
    У кого есть такая кнопка?
    --- Добавлено, 1 ноя 2017 ---
    А то пересмтрел кучу сборок - такого не нашел
     
  3. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    900
    Симпатии:
    218
    Кнопку не нашел пойдем путем подключения в Ckeditor скрипта:

    Код:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script language="javascript">
    $(document).ready(function(){
    $("#allother").hide();
    $("#moreless").click(function(e) {
    var allother = $("#allother");
    $(this).text(allother.is(":visible") ? "» больше" : "« меньше");
    allother.slideToggle();
    e.stopImmediatePropagation();
    return false;
    });
    });
    </script>
    --- Добавлено, 2 ноя 2017 ---
    Код:
    Вставляем в документ текст:
    
    <div id="first4">
    <p>Текст который человек видит сразу</p>
    </div>
    <div id="allother">
    <p>Текст который появляется после нажатия на кнопку: Читать полностью</p>
    </div>
    <a href="#" id="moreless">Читать полностью → </a>
    --- Добавлено, 2 ноя 2017 ---
    Но такой вариант не подходит. Блокирует тогда кнопки корзины.
    --- Добавлено, 2 ноя 2017 ---
    Возвращаемся к варианту с .XML
    --- Добавлено, 2 ноя 2017 ---
    Как правильно внести что было переменная и list и grid сюда:

    PHP:
    <file path="catalog/controller/product/category.php">
        <
    operation error="skip">
        <
    search><![CDATA[            $this->data['text_grid'] = $this->language->get('text_grid');]]></search>
        <
    add position="after">
        <![
    CDATA[
            
    $this->data['ecexp'] = $this->language->get('ecexp');
            
    $this->data['eccoll'] = $this->language->get('eccoll');
        ]]></
    add>
        </
    operation>// Text
    </file>
    --- Добавлено, 2 ноя 2017 ---
    Так как у меня два варианта отображения (сетка и список) и из-за этого плывет верстка и выдает ошибку.