Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

 

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

 

Сделал так:

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>

 

 

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

Надіслати
Поділитися на інших сайтах


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

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

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

Спойлер

image.png.6bc5df2b222f0e224a056e4adefbf388.png

 

Надіслати
Поділитися на інших сайтах

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

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

 

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

 

Сделал так:

 

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

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

В самом низу.

Надіслати
Поділитися на інших сайтах

КОД в модуле

http://joxi.ru/KAxyOXwuvXyQGr

http://joxi.ru/Grq3oKwIRd3O92

 

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

http://joxi.ru/Grq3oKwIRd3d92

 

результат

http://joxi.ru/Rmz8W5wCjN8N8A

 

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

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>

 

  • +1 1
Надіслати
Поділитися на інших сайтах

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>

 

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

Надіслати
Поділитися на інших сайтах


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

Спойлер

image.png.13d77aa703584c4823cb0393784bfa69.png

 

Надіслати
Поділитися на інших сайтах

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

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

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

image.png.13d77aa703584c4823cb0393784bfa69.png

 

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

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

Надіслати
Поділитися на інших сайтах


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

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

 

  • +1 1
Надіслати
Поділитися на інших сайтах

))))

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

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

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

http://joxi.ru/8AnNW1pHoxYBVA

  • +1 1
Надіслати
Поділитися на інших сайтах

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

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

Спойлер

image.thumb.png.4fa5ce2dc2faa196ded28c53aec9b9e2.png


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

Спойлер

image.thumb.png.8edc54a828f652abe1e625232908d2f3.png



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

Спойлер

image.png.09aa2dae40425d180d5bf1e846024d1a.png


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

Спойлер

image.thumb.png.0ebdeac8ce6c7e5759e13a8f1c203916.png


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

readmore.zip

  • +1 1
Надіслати
Поділитися на інших сайтах

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

ОООО!!!!

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

image.thumb.png.4fa5ce2dc2faa196ded28c53aec9b9e2.png


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

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

image.thumb.png.8edc54a828f652abe1e625232908d2f3.png



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

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

image.png.09aa2dae40425d180d5bf1e846024d1a.png


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

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

image.thumb.png.0ebdeac8ce6c7e5759e13a8f1c203916.png


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

readmore.zip 4 \u043a\u0411 · 0 downloads

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

 

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

 

Надіслати
Поділитися на інших сайтах


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

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

ОООО!!!!

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

 

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

Надіслати
Поділитися на інших сайтах


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

Спойлер

image.thumb.png.9186fb970dc5235c34185fddd87fb87f.png


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

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

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


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

Надіслати
Поділитися на інших сайтах

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

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

Змінено користувачем DomovoyUA
Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

 

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

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

 

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

 

  • +1 1
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.