HTML блок Скрытие текста кнопкой "Читать далее"

[DomovoyUA]

Спасибо Вам всем за терпение. Я прекрасно осознаю что не особо понимаю что делаю адекватно воспринимаю критику в свой адрес, что я руко**п..

 

Собственно страница - ТЫЦ!

 

Сделал так:

1 час назад, Tom сказал:

  Показать контент

<div class="more-text">

<p style="text-align: justify;">Компания «Домовой» начала свою деятельность в прекрасном городе Кременчуг в 2000 году. С небольших торговых площадей, сегодня сеть имеет 8 магазинов и один Центр Строительных материалов в Полтавской области – в Кременчуге, Светловодске и Горишних Плавнях. В 2018 году также был открыт ЦКИФ, где вы можете купить все для кровли и фасада, заказав услугу монтажа или ремонта. Отдельного внимания заслуживает наш салон «Желтый Аэроплан», ведь только здесь вы сможете заказать дизайн-проект с полной комплектацией стройматериалами в Кременчуге.
</p>
<p style="text-align: justify;">Наша&nbsp;сеть строительных магазинов&nbsp;– это полноценные склады, на которых поддерживается запас наиболее востребованных товаров. В каждом магазине вас встретят квалифицированные сотрудники. Специалист «Домового» поможет в выборе материала, примет и просчитает заказ, а также позаботится о самой выгодной и быстрой доставке необходимого Вам товара. Также&nbsp;<strong>купить стройматериалы</strong>&nbsp;вы можете в одноименном интернет-магазине «Домовой». На сайте представлен ассортимент каждого магазина сети, включая товары ЦСМ и ЦКИФ.
</p>
<p style="text-align: justify;">«Домовой» является прямым поставщиком (дилером, дистрибьютором, представителем) ведущих отечественных и европейских производителей строительных материалов, представленных на рынке Украины. Ассортимент сети насчитывает более 200 000 наименований товаров, и мы постоянно пополняем и расширяем каталог товаров для максимально полной комплектации любых строительных объектов.
</p>
<p style="text-align: justify;">Мы собираем и совершенствуем свои знания в сфере полной комплектации и строительства объектов. Любые виды кровельных покрытий, системы утепления зданий и сооружений, фасадная отделка домов, всевозможные комплектующие для водоснабжения, энергоэффективные системы отопления – это наша родная сфера, в которой мы разбираемся. Качественные стройматериалы Кременчуг оптом ждут вас только в нашей сети – по самой выгодной цене и в самом большом ассортименте.&nbsp;&nbsp;
</p>
<p style="text-align: justify;">Постоянное участие в реализации строительных проектов различных масштабов зарекомендовало нас в строительной отрасли региона, как надежного и выгодного партнера. «Домовой» – компания, ориентированная на долгосрочные отношения с каждым клиентом. Принципы работы нашей строительной сети – предложить оптимальное техническое решение, сэкономить бюджет клиента, оптимизировать и улучшить результат строительства или ремонта максимально выгодно и быстро. С помощью нашего интернет-магазина, вы получите самые продуманные и эффективные системы строительных материалов, которые позволят оптимизировать расходы и добиться высокого качества строительства или ремонта.
</p>
<p style="text-align: justify;"><strong>Среди преимуществ покупок у нас:</strong>
</p>
<ul style="text-align: justify;">
  <li>высокое качество всех строительных материалов</li>
  <li>выгодные цены и гибкая система скидок</li>
  <li>регулярные&nbsp;акции и подарки</li>
  <li>самовывоз материалов со склада либо быстрая доставка на объект (свой автопарк)</li>
  <li>техническая поддержка (консультации специалистов, технические решения)</li>
  <li>возможность заказа полного комплекса услуг по строительству и ремонту</li>
</ul>
<p style="text-align: justify;">Центральный офис «Домового» и Центр Стройматериалов находятся в г. Кременчуг, но интернет-магазин работает для клиентов по всей Украине.
</p></div>
 

Это в текстовый редактор.

А это в футер перед </body></html>

				<script src="/catalog/view/javascript/readmore.min.js" ></script>
				<script type="text/javascript"><!--  
				$('.more-text').readmore({  	
    				speed: 75,  	
    				collapsedHeight: 150,  	
    				moreLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Подробнее</span></a>',  	
    				lessLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Закрыть</span></a>'
				});  
				//--></script>

 

 

И ничего не получается... это жесть какая-то...

[nogocuHoBuk]

7 минут назад, DomovoyUA сказал:

А это в футер перед </body></html>

Как-то не так вставили
Покажите.
Ибо из того, что вижу я, вы вставили открытый тег скрипт внутрь уже открытого тега скрипт
 

Спойлер

 

[Tom]

9 минут назад, DomovoyUA сказал:

Спасибо Вам всем за терпение. Я прекрасно осознаю что не особо понимаю что делаю адекватно воспринимаю критику в свой адрес, что я руко**п..

 

Собственно страница - ТЫЦ!

 

Сделал так:

 

И ничего не получается... это жесть какая-то...

http://tomkz.tw1.ru/ru/

В самом низу.

[DomovoyUA]

КОД в модуле

http://joxi.ru/KAxyOXwuvXyQGr

http://joxi.ru/Grq3oKwIRd3O92

 

скрипт в футере

http://joxi.ru/Grq3oKwIRd3d92

 

результат

http://joxi.ru/Rmz8W5wCjN8N8A

 

Ну собственно страница..

https://shop.domovoy.pl.ua/

[nogocuHoBuk]

Нене. Всё подтягивается, но криво. Ща гляну

[DomovoyUA]

Без изменений.. Скорее всего с шаблоном какой-то конфликт...

[nogocuHoBuk]

6 часов назад, DomovoyUA сказал:

Скорее всего с шаблоном какой-то конфликт...

Конфликт шаблона с jquery?
Нет
Попробуйте засунуть скрипт в документ.реди
 

<script src="/catalog/view/javascript/readmore.min.js" ></script>
<script type="text/javascript"><!-- 
$( document ).ready(function() {
    $('.more-text').readmore({  	
        speed: 75,  	
        collapsedHeight: 150,  	
        moreLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Подробнее</span></a>',  	
        lessLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Закрыть</span></a>'
    });  
});
//--></script>

 

[DomovoyUA]

1 час назад, nogocuHoBuk сказал:

Конфликт шаблона с jquery?
Нет
Попробуйте засунуть скрипт в документ.реди
 

<script src="/catalog/view/javascript/readmore.min.js" ></script>
<script type="text/javascript"><!-- 
$( document ).ready(function() {
    $('.more-text').readmore({  	
        speed: 75,  	
        collapsedHeight: 150,  	
        moreLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Подробнее</span></a>',  	
        lessLink: '<a href="#"><span style="font-size: 14px; background-color:#ED9A22;font-weight: 700;padding: 5px;color: white;">Закрыть</span></a>'
    });  
}
//--></script>

 

вообще перестал работать

[nogocuHoBuk]

Моя невнимательность. Скобку с точкой запятой в конец поставить забыл. Исправил в своём сообщении. Перекопируйте

Спойлер

 

[DomovoyUA]

10 часов назад, nogocuHoBuk сказал:

Моя невнимательность. Скобку с точкой запятой в конец поставить забыл. Исправил в своём сообщении. Перекопируйте

  Скрыть контент

 

Доброго времени суток!

Все так же ничего не отображается.

[Tom]

В поле кастомных стилей шаблона добавить

.more-text[data-readmore] {
    transition: height 75ms;
    overflow: hidden;
}

 

[DomovoyUA]

Не помогло

[Tom]

))))

Ну не помогло, так не помогло.

Тем более что данных стилей я не вижу, в добавленных.

А вот так это выглядит , если всё сделать как написано.

http://joxi.ru/8AnNW1pHoxYBVA

[nogocuHoBuk]

Общем. Нашёл вот такое: https://github.com/jedfoster/Readmore.js/issues/177

Т.е. проблема 3-го jquery и скрипта. В итоге стили не корректны :

Спойлер

В обсуждения пишут, что баг виллби фиксед, но чот как-то не оч. Причем я воспроизвел проблему у себя. Кнопка "подробнее" всё так же болтается в воздухе, а стили ундефайнед

Спойлер

В итоге внёс небольшие правки в скрипт: 
В дефолтный конфигуратор добавил selector
 

Спойлер

Тем самым "закостылил" ундефанед:
 

Спойлер

@DomovoyUA, перекачайте замененный скрипт и замените у себя readmore.min.js. 

readmore.zip

[DomovoyUA]

ООООООО!!!!!!!!!

ОООО!!!!

Я ВАС ОБОЖАЮ! ВЫ МОИ СПАСИТЕЛИ!!!!

У МЕНЯ ПОЛУЧИЛОСЬ!

ТО ЕСТЬ У ВАС ПОЛУЧИЛОСЬ ВБИТЬ В МОЮ ТУПУЮ БАШКУ!

ПРЕОГРОМНЕЙШЕЕ ВАМ БЛАГОДАРСТВИЕ!

[DomovoyUA]

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

Общем. Нашёл вот такое: https://github.com/jedfoster/Readmore.js/issues/177

Т.е. проблема 3-го jquery и скрипта. В итоге стили не корректны :

  Показать контент

В обсуждения пишут, что баг виллби фиксед, но чот как-то не оч. Причем я воспроизвел проблему у себя. Кнопка "подробнее" всё так же болтается в воздухе, а стили ундефайнед

  Показать контент

В итоге внёс небольшие правки в скрипт: 
В дефолтный конфигуратор добавил selector
 

  Показать контент

Тем самым "закостылил" ундефанед:
 

  Показать контент

@DomovoyUA, перекачайте замененный скрипт и замените у себя readmore.min.js. 

readmore.zip 4 \u043a\u0411 · 0 downloads

Боюсь уже что-то переделывать! Но оставлю у себя в заметках. А то опять сломаю!

 

Еще раз ОГРОМНОЕ СПАСИБО ВСЕМ!

 

[Tom]

4 минуты назад, DomovoyUA сказал:

ООООООО!!!!!!!!!

ОООО!!!!

Я ВАС ОБОЖАЮ! ВЫ МОИ СПАСИТЕЛИ!!!!

У МЕНЯ ПОЛУЧИЛОСЬ!

ТО ЕСТЬ У ВАС ПОЛУЧИЛОСЬ ВБИТЬ В МОЮ ТУПУЮ БАШКУ!

ПРЕОГРОМНЕЙШЕЕ ВАМ БЛАГОДАРСТВИЕ!

Ну и славненько.

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

[DomovoyUA]

24 минуты назад, Tom сказал:

Ну и славненько.

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

Спасибо за совет - буду пробовать

[DomovoyUA]

А можно как-то добавить языковые переменные?

в ru-ru.php добавил

$_['button_readmore']       = 'Развернуть';

 

в скрипте вместо развернуть  вписываю {{button_readmore}} - но что-то не работает так...

[nogocuHoBuk]

@DomovoyUA Вот скажу положа руку на сердце. То, что было проделано Вами из предложенного в топике за, практически, сутки можно было сделать (ну вот реально) за 10 минут. Ведь все "советы по исправлению" пошли после ошибок, которые допустили Вы.
Я не настаиваю, но может Вам проще, действительно, попросить спеца, который настроит стили, кнопки, тексты за 20 минут ПОТОЛОК!!!
Просто Вы снова "скрыли" сайт и что-то посоветовать по делу невозможно.  Только гадать на ... обрывках кода

Спойлер

По Вашему вопросу:
 

15 минут назад, DomovoyUA сказал:

в ru-ru.php добавил

Убедитесь, что контроллер "подтянул" Ваш перевод.
Глянтье, передается ли значение в твиг файл.

[DomovoyUA]

не скрывал.. понятия не имею что это происходит

Исправил. Автоматически перешел сайт в режим обслуживания

Змінено 28 жовтня 2021 користувачем DomovoyUA

[nogocuHoBuk]

Покажите как выглядит скрипт, который Вы вставили с {{button_readmore}}
И, если не сложно, непосредственно сам файл перевода со строкой $_['button_readmore'] 

Есть, конечно, подозрение, что у Вас "кто-то" (какой-то модуль) уже использует button_readmore
Замените в скрипте и в переводе на but_read_more, например.

[DomovoyUA]

Ох ты ж.. магия.. пока скидывал Вам.. заработало!

Спасибо еще раз за помощь.

Да, я понимаю что знающий человек сделает за 10 минут...

Но, может, хоть и не правильный подход.. но все же надо пробовать ковырять самому с помощью добрых людей и такой-то матери)

Конечно вам мозги повыносил.. но Все же чуть-чуть начал понимать.

ОГРОМНОЕ ВСЕМ СПАСИБО ЗА ПОМОЩЬ!

[DomovoyUA]

Немножко допилил благодаря вашим подсказкам. Что получил -

Рус. Свернуто - http://joxi.ru/v29M5OlSRxgeO2

Рус. Развернуто -http://joxi.ru/V2Vyz5KU8yl6Qm

 

Укр Свернуто - http://joxi.ru/Y2LZNe0cMZ10Rr

Укр. Развернуто - http://joxi.ru/Y2LZNe0cMZ16Rr

 

Спасибо всем за помощь!

[nogocuHoBuk]

Первый шаг на пути к IT-гуру сделан
Поздравляю !