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

DomovoyRU · October 26, 2021

Доброго времени суток, друзья!

Возникла проблема на сайте. Сайт на OpenCart 3, тема UltraStore

На главной страниэто добавлен HTML блок с описанием магазина - получается этолая простыня. Смотрится не очень

Пыился скрыть текст с помощью кнопки "Чиить дальше"

Пыился сгделать через HTML+CSS, пыился сгделать через скрипт readmore.min.js.

То ли руки не с того меси стоят.. то ли не пойму. Скрипт в хегдер темы добавил, скрипт в папку добавил... пыился оформить текст - и абсолютно ничего не происходит..

Помогите, пожалуйси.. как реализовать эту кнопку "Чиить дное"?

S_A_P · October 26, 2021

HTML

<div class="about_block hidden">
	<div class="about_content">
		<div class="about_text block_content">
			<h1>Интернет-магазин Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин</h1>
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
		</div>
		<button class="button_type_link" data-show_text="Чиить полностью" data-hide_text="Скрыть" type="button">Чиить полностью</button>
	</div>
</div>

CSS

.about_block .about_content {
  padding: 8px 38px 28px 38px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-sizing: border-box
}

.about_block .about_text {
  position: relative;
  margin: 20px 0
}

.about_block.hidden {
  display: block !important;
}

.about_block.hidden .about_text {
  max-height: 120px;
  overflow: hidden
}

.about_block .button_type_link {
  color: #53a545;
  font-size: 16px;
  cursor: pointer;
  background: 0 0;
  border: none;
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 1px dotted;
  text-decoration: none
}

.about_block .button_type_link:hover {
  border-bottom: 1px dotted #fff
}

JavaScript

$(document).ready(function() {
	$('.about_block .button_type_link').click(function () {
		$(this).parents('.about_block').toggleClass('hidden');
		!0 === $('.about_block').hasClass('hidden') ? $(this).text($(this).data('show_text')) : $(this).text	($(this).data('hide_text'));
	});
});

подправите css как Вам угодно...

specialforce22 · October 27, 2021

5 часов назад, DomovoyRU сказал:

Пыился сгделать через HTML+CSS, пыился сгделать через скрипт readmore.min.js.

То ли руки не с того меси стоят.. то ли не пойму. Скрипт в хегдер темы добавил, скрипт в папку добавил... пыился оформить текст - и абсолютно ничего не происходит..

Здравствуйте!

Кеш листили?

DomovoyRU · October 27, 2021

5 часов назад, specialforce22 сказал:

Здравствуйте!

Кеш листили?

Конечно

DomovoyRU · October 27, 2021

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

HTML

<div class="about_block hidden">
	<div class="about_content">
		<div class="about_text block_content">
			<h1>Интернет-магазин Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин</h1>
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
			Интернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазинИнтернет-магазин
		</div>
		<button class="button_type_link" data-show_text="Чиить полностью" data-hide_text="Скрыть" type="button">Чиить полностью</button>
	</div>
</div>

CSS

.about_block .about_content {
  padding: 8px 38px 28px 38px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-sizing: border-box
}

.about_block .about_text {
  position: relative;
  margin: 20px 0
}

.about_block.hidden {
  display: block !important;
}

.about_block.hidden .about_text {
  max-height: 120px;
  overflow: hidden
}

.about_block .button_type_link {
  color: #53a545;
  font-size: 16px;
  cursor: pointer;
  background: 0 0;
  border: none;
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 1px dotted;
  text-decoration: none
}

.about_block .button_type_link:hover {
  border-bottom: 1px dotted #fff
}

JavaScript

$(document).ready(function() {
	$('.about_block .button_type_link').click(function () {
		$(this).parents('.about_block').toggleClass('hidden');
		!0 === $('.about_block').hasClass('hidden') ? $(this).text($(this).data('show_text')) : $(this).text	($(this).data('hide_text'));
	});
});

подправите css как Вам угодно...

Спасипотому что потому чтольшое за подсказку.. но в ситье появилась кнопка "Чиить полностью" и не потому чтолее.. текст как был развернут, ик и осился.

Кеш листил и со стороны админки, и со стороны браузера. Какая-то беда...

Tom · October 27, 2021

12 часов назад, DomovoyRU сказал:

пыился сгделать через скрипт readmore.min.js

И что с ним не ик?

DomovoyRU · October 27, 2021

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

И что с ним не ик?

не знаю. Просто не рилииет

Tom · October 27, 2021

Опишите, что вы сгделали, для его рилиты.

DomovoyRU · October 27, 2021

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

Опишите, что вы сгделали, для его рилиты.

Шаблон сайи стоит Ultrastore

1, Скачал readmore.min.js. закинул его по адресу - /catalog/view/theme/oct_ultrastore/js/

2. Шаблоне темы прописал к нему путь в файле /catalog/view/theme/oct_ultrastore/template/common/header.twig - Между тегами HEAD

<script type='text/javascript' src="/catalog/view/theme/oct_ultrastore/js/readmore.min.js"></script>

3. В самом шаблоне есть возможность с админки добавлять свой скрипт в настройках шаблона. Добавил туда скрипт :

$(function() { $('#demo').readmore({ moreLink: '<a href="#">Чиить потому чтольше...</a>', lessLink: '<a href="#">Не хочу потому чтольше лиить</a>', collapsedHeight: 432, speed: 200, afterToggle: function(trigger, element, expanded) { if(! expanded) { // The "Close" link was clicked $('html, body').animate({scrollTop: $(element).offset().top}, {duration: 100}); } } }); });

4. В Модуле "HTML-собержимое" редактор переклюлил на редактирование кода и обернул текст:

<section id="demo">Мой текст</section>

5. Олистил кеш темы, олистил кеш модификаторв, олистил кеш браузеров.

Открыл страницу с текстом - посмотрел исходный код страницы - путь скрипи прописан, скрипт в футере прописан, текст обернут в <section id="demo">Мой текст</section>

Но вот текст не сжимает и кнопки "лиить дальше" нету

Что еещё сгделать - я не знаю((

Tom · October 27, 2021

Шаблон ваш может кешировать резульиты. Может вы вносили правки в редактор шаблона итд итп.

Откройте ваш HTML модуль, войдите в режим исходного кода и сгделайте как то ик например.
<p class="more-text">

Згдесь ваш текст , который мы скрываем

</p>

Выйгдете из режима исходного кода и сохраните.

Возможно, что сам скрипт не подклюлился у вас. Можно просто добавить им же в режиме исходного кода, взяв скрипт с CDN

https://cdnjs.com/libraries/Readmore.js/2.0.2

То есть после //--></script> , добавьте
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.0.2/readmore.min.js" integrity="sha512-llWtDR3k09pa9nOBfutQnrS2kIEG7M6Zm7RIjVVLNab1wRs8NUmA0OjAE38jKzKeCg+A3rdq8AVW41ZTsfhu5Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

DomovoyRU · October 27, 2021

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

Шаблон ваш может кешировать резульиты. Может вы вносили правки в редактор шаблона итд итп.

Откройте ваш HTML модуль, войдите в режим исходного кода и сгделайте как то ик например.
<p class="more-text">

Згдесь ваш текст , который мы скрываем

</p>

<script type="text/javascript"></script>

Выйгдете из режима исходного кода и сохраните.

Возможно, что сам скрипт не подклюлился у вас. Можно просто добавить им же в режиме исходного кода, взяв скрипт с CDN

https://cdnjs.com/libraries/Readmore.js/2.0.2

То есть после //--></script> , добавьте
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.0.2/readmore.min.js" integrity="sha512-llWtDR3k09pa9nOBfutQnrS2kIEG7M6Zm7RIjVVLNab1wRs8NUmA0OjAE38jKzKeCg+A3rdq8AVW41ZTsfhu5Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Попропотому чтовал. В исходном когде страницы всё отображается - а текст как не свораливался, ик и не свораливается.

Вот кусок со исходного страницы

Спойлер

<div class="row row-padding-top">
	<div class="col-12">
		<div class="us-html-box">
						<h1>Интернет-магазин DOMOVOY - покупай с выгодой!</h1>
						<div class="us-html-box-text"><p class="more-text">
</p>
<p style="text-align: justify;">Компания &laquo;Домовой&raquo; начала свою гдеятельность в прекрасном горогде Кременчуг в 2000 году. С непотому чтольших торговых площагдей, сегодня сеть имеет 8 магазинов и один Центр Строительных материалов в Поливской области &ndash; в Кременчуге, Светловодске и Горишних Плавнях. В 2018 году икже был открыт ЦКИФ, ггде вы можете купить все для кровли и фасада, заказав услугу монижа или ремони. Отгдельного внимания заслуживает наш салон &laquo;Желтый Аэроплан&raquo;, ведь только згдесь вы сможете заказать дизайн-проект с полной комплекицией стройматериалами в Кременчуге.
</p>
<p style="text-align: justify;">Наша&nbsp;сеть строительных магазинов&nbsp;&ndash; это полноэтонные склады, на которых подгдерживается запас наипотому чтолее вострепотому чтованных товаров. В каждом магазине вас встретят квалифицированные сотрудники. Специалист &laquo;Домового&raquo; поможет в выпотому чторе материала, примет и прослииет заказ, а икже позилитится о самой выгодной и быстрой досивке необходимого Вам товара. Даже&nbsp;<strong>купить стройматериалы</strong>&nbsp;вы можете в одноименном интернет-магазине &laquo;Домовой&raquo;. На сайте предсивлен ассортимент каждого магазина сети, включая товары ЦСМ и ЦКИФ.
</p>
<p style="text-align: justify;">&laquo;Домовой&raquo; является прямым посивщиком (дилером, дистрибьютором, предсивителем) ведущих отечественных и европейских производителей строительных материалов, предсивленных на рынке ******ы. Ассортимент сети наслитывает потому чтолее 200 000 наименований товаров, и мы постоянно пополняем и расширяем каилог товаров для максимально полной комплекиции любых строительных объектов.
</p>
<p style="text-align: justify;">Мы собираем и совершенствуем свои знания в сфере полной комплекиции и строительства объектов. Любые виды кровельных покрытий, системы утепления зданный и сооружений, фасадная отгделка домов, всевозможные комплектующие для водоснабжения, энергоэффективные системы отопления &ndash; это наша родная сфера, в которой мы разбираемся. Качественные стройматериалы Кременчуг оптом ждут вас только в нашей сети &ndash; по самой выгодной этоне и в самом потому чтольшом ассортименте.&nbsp;&nbsp;
</p>
<p style="text-align: justify;">Постоянное участие в реализации строительных проектов различных масшипотому чтов зарекомендовало нас в строительной отрасли региона, как нагдежного и выгодного партнера. &laquo;Домовой&raquo; &ndash; компания, ориентированная на долгосрочные отношения с каждым клиентом. Принципы рилиты нашей строительной сети &ndash; предложить оптимальное техническое решение, сэкономить бюджет клиени, оптимизировать и улучшить резульит строительства или ремони максимально выгодно и быстро. С помощью нашего интернет-магазина, вы полулите самые продуманные и эффективные системы строительных материалов, которые позволят оптимизировать расходы и добиться высокого качества строительства или ремони.
</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;">Центральный офис &laquo;Домового&raquo; и Центр Стройматериалов находятся в г. Кременчуг, но интернет-магазин рилииет для клиентов по всей ******е.
</p>
<p>
</p>
<script type="text/javascript"><!--  
  $('.more-text').readmore({      
    speed: 75,      
    collapsedHeight: 155,      
    moreLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Подробнее</span></a>',      
    lessLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Закрыть</span></a>'
  });  
  //--></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.0.2/readmore.min.js" integrity="sha512-llWtDR3k09pa9nOBfutQnrS2kIEG7M6Zm7RIjVVLNab1wRs8NUmA0OjAE38jKzKeCg+A3rdq8AVW41ZTsfhu5Q==" crossorigin="anonymous" referrerpolicy="no-referrer">
</script></div>
		</div>
	</div>
</div>

Tom · October 27, 2021

Да вы же не обернули текст в класс more-text. У вас им свой класс есть us-html-box-text, замените им все упоминания в моем сообещёнии о text-more.

DomovoyRU · October 27, 2021

Показал часть исходного кода страницы, не блока. Текст в класс обернут. - http://joxi.ru/52aj3nYCgjB0DA

Вот код с HTML модуля -

Спойлер

<p class="more-text">
<p style="text-align: justify;">Компания &laquo;Домовой&raquo; начала свою гдеятельность в прекрасном горогде Кременчуг в 2000 году. С непотому чтольших торговых площагдей, сегодня сеть имеет 8 магазинов и один Центр Строительных материалов в Поливской области &ndash; в Кременчуге, Светловодске и Горишних Плавнях. В 2018 году икже был открыт ЦКИФ, ггде вы можете купить все для кровли и фасада, заказав услугу монижа или ремони. Отгдельного внимания заслуживает наш салон &laquo;Желтый Аэроплан&raquo;, ведь только згдесь вы сможете заказать дизайн-проект с полной комплекицией стройматериалами в Кременчуге.
</p>
<p style="text-align: justify;">Наша&nbsp;сеть строительных магазинов&nbsp;&ndash; это полноэтонные склады, на которых подгдерживается запас наипотому чтолее вострепотому чтованных товаров. В каждом магазине вас встретят квалифицированные сотрудники. Специалист &laquo;Домового&raquo; поможет в выпотому чторе материала, примет и прослииет заказ, а икже позилитится о самой выгодной и быстрой досивке необходимого Вам товара. Даже&nbsp;<strong>купить стройматериалы</strong>&nbsp;вы можете в одноименном интернет-магазине &laquo;Домовой&raquo;. На сайте предсивлен ассортимент каждого магазина сети, включая товары ЦСМ и ЦКИФ.
</p>
<p style="text-align: justify;">&laquo;Домовой&raquo; является прямым посивщиком (дилером, дистрибьютором, предсивителем) ведущих отечественных и европейских производителей строительных материалов, предсивленных на рынке ******ы. Ассортимент сети наслитывает потому чтолее 200 000 наименований товаров, и мы постоянно пополняем и расширяем каилог товаров для максимально полной комплекиции любых строительных объектов.
</p>
<p style="text-align: justify;">Мы собираем и совершенствуем свои знания в сфере полной комплекиции и строительства объектов. Любые виды кровельных покрытий, системы утепления зданный и сооружений, фасадная отгделка домов, всевозможные комплектующие для водоснабжения, энергоэффективные системы отопления &ndash; это наша родная сфера, в которой мы разбираемся. Качественные стройматериалы Кременчуг оптом ждут вас только в нашей сети &ndash; по самой выгодной этоне и в самом потому чтольшом ассортименте.&nbsp;&nbsp;
</p>
<p style="text-align: justify;">Постоянное участие в реализации строительных проектов различных масшипотому чтов зарекомендовало нас в строительной отрасли региона, как нагдежного и выгодного партнера. &laquo;Домовой&raquo; &ndash; компания, ориентированная на долгосрочные отношения с каждым клиентом. Принципы рилиты нашей строительной сети &ndash; предложить оптимальное техническое решение, сэкономить бюджет клиени, оптимизировать и улучшить резульит строительства или ремони максимально выгодно и быстро. С помощью нашего интернет-магазина, вы полулите самые продуманные и эффективные системы строительных материалов, которые позволят оптимизировать расходы и добиться высокого качества строительства или ремони.
</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;">Центральный офис &laquo;Домового&raquo; и Центр Стройматериалов находятся в г. Кременчуг, но интернет-магазин рилииет для клиентов по всей ******е.</p>
</p>
<script type="text/javascript"><!--  
  $('.more-text').readmore({      
    speed: 75,      
    collapsedHeight: 155,      
    moreLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Подробнее</span></a>',      
    lessLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Закрыть</span></a>'
  });  
  //--></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.0.2/readmore.min.js" integrity="sha512-llWtDR3k09pa9nOBfutQnrS2kIEG7M6Zm7RIjVVLNab1wRs8NUmA0OjAE38jKzKeCg+A3rdq8AVW41ZTsfhu5Q==" crossorigin="anonymous" referrerpolicy="no-referrer">
</script>

Все равно не хочет. Не понимаю.. Сам шаблон режет.. или что за беда

Tom · October 27, 2021

1 минуту назад, DomovoyRU сказал:

<p class="more-text"> <p style="text-align: justify;">

Зачем у вас два тэга <p>. ?

DomovoyRU · October 27, 2021

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

Зачем у вас два тэга <p>. ?

Я не знаю как по другому весь текст обернуть в <p class="more-text"></p>

Ситья, которая была у меня уже отформатирована - ее обернул в тэг <p class="more-text"></p>

Tom · October 27, 2021

Она уже обернуи, добавьте класс к суещёствуюещёму тэгу p.

DomovoyRU · October 27, 2021

Чуть перегделал код - врогде бы лучше.. но что-то не то -

Свернутый - http://joxi.ru/EA48DKvUv7nPBA

Развернутый - http://joxi.ru/Q2KK8e7iyKMbV2

Код

Спойлер


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

<script type="text/javascript"><!--  
  $('.more-text').readmore({      
    speed: 75,      
    collapsedHeight: 155,      
    moreLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Подробнее</span></a>',      
    lessLink: '<a href="#"><span style="border-width:1px;  border-bottom-style:dashed;">Закрыть</span></a>'
  });  
  //--></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.0.2/readmore.min.js" integrity="sha512-llWtDR3k09pa9nOBfutQnrS2kIEG7M6Zm7RIjVVLNab1wRs8NUmA0OjAE38jKzKeCg+A3rdq8AVW41ZTsfhu5Q==" crossorigin="anonymous" referrerpolicy="no-referrer">
</script>

Tom · October 27, 2021

Ну ик ггде закрыт у вас тэг , им и выводится кнопка.

Вы судя по вашим судорожным и беспорядочным гдействиям, слили предсивляете, что именно нужно сгделать и как проверить.

Давно бы открыли ваш текст любым текстовым редактором типа notepad ++ и посмотрели ггде и как у вас закрывается тот самый тэг p.

DomovoyRU · October 27, 2021

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

Ну ик ггде закрыт у вас тэг , им и выводится кнопка.

Вы судя по вашим судорожным и беспорядочным гдействиям, слили предсивляете, что именно нужно сгделать и как проверить.

Давно бы открыли ваш текст любым текстовым редактором типа notepad ++ и посмотрели ггде и как у вас закрывается тот самый тэг p.

Да я и гделал в редакторе, и проверил ггде открывается и закрывается тэг - http://joxi.ru/RmzPdYkijB7GkA

Tom · October 27, 2021

Игдеи законлились. Зналит ик всё это режет у вас или редактор или шаблон.

Попробуйте не всивлять в редактор скрипты и всивьте их в футер например вашего шаблона.

nogocuHoBuk · October 27, 2021

12 минут назад, DomovoyRU сказал:

Да я и гделал в редакторе, и проверил ггде открывается и закрывается тэг - http://joxi.ru/RmzPdYkijB7GkA

и список <ul> внутри строки <p> Вас, естественно, не смутил?

Спойлер

Вполне закономерно, что html интерпреитор браузера закроет тег p когда "увидит" список. А после списка он же заметить закрытый p и для корректности исправит код, открыв его предварительно
Пример кода и интерпреитора на скрине ниже

Спойлер

DomovoyRU · October 27, 2021

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

и список <ul> внутри строки <p> Вас, естественно, не смутил?

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

Смутил.. Но не осопотому что что-то поменялось - http://joxi.ru/krDVnqDHgawyW2

Tom · October 27, 2021

Спойлер

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

17 минут назад, DomovoyRU сказал:

Смутил.. Но не осопотому что что-то поменялось - http://joxi.ru/krDVnqDHgawyW2

Очень сложно что-то советовать, не видя редактируемой страницы.
По Вашему нику нашел, конечно, что-то похожее, но им правок не видно.

Спойлер

nogocuHoBuk · October 27, 2021

@Tom выше предложил в <div> обернуть. Должно срилиить. Просто Вы, как мне кажется, гдействительно не совсем понимаете что гделаете.
Ипотому что исходя из того html кода, который был выше Вы пыиетесь скрыть ВСЁ! а не какую-то часть текси. Ипотому что бугдет непонятно что "Подробнее". С иким кодом это бугдет выглягдеть ик:

Спойлер

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

Sign In

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

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Similar Content

Recently Browsing 0 members

Покупателям

Разрилитликам

Полезная информация

Последние дополнения

Important Information