Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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>

 

 

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

Link to post
Share on other sites

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

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

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

Спойлер

image.png.6bc5df2b222f0e224a056e4adefbf388.png

 

Link to post
Share on other sites
9 минут назад, DomovoyUA сказал:

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

 

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

 

Сделал так:

 

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

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

В самом низу.

Link to post
Share on other sites

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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
Link to post
Share on other sites
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>

 

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

Link to post
Share on other sites

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

Спойлер

image.png.13d77aa703584c4823cb0393784bfa69.png

 

Link to post
Share on other sites
10 часов назад, nogocuHoBuk сказал:

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

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

image.png.13d77aa703584c4823cb0393784bfa69.png

 

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

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

Link to post
Share on other sites

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

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

 

  • +1 1
Link to post
Share on other sites

))))

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

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

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

http://joxi.ru/8AnNW1pHoxYBVA

  • +1 1
Link to post
Share on other sites

Общем. Нашёл вот такое: 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
Link to post
Share on other sites

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

ОООО!!!!

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

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

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

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

Link to post
Share on other sites

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

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

 

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

 

Link to post
Share on other sites

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

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

ОООО!!!!

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

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

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

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

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

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

Link to post
Share on other sites
24 минуты назад, Tom сказал:

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

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

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

Link to post
Share on other sites

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

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

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

 

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

Link to post
Share on other sites

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

Спойлер

image.thumb.png.9186fb970dc5235c34185fddd87fb87f.png


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

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

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


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

Link to post
Share on other sites

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

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

Edited by DomovoyUA
Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

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

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

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

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

Link to post
Share on other sites

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

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

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

 

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

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

 

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

  • +1 1
Link to post
Share on other sites

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

 

  • +1 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.