Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

CLS и просия див иблица с картинками через бутстрап


 Погделиться

Рекомендованные сообещёния

Исправляю CLS (Cumulative Layout Shift) для сайи https://fortest.store/  (тестовая версия). Дошел с 2,5 оэтонки смеещёния до  0,117
Но осилось исправить простый на вид див, с которым пока не могу справится, речь игдет об картинках-кнопках:

image.png.a54fa306a3049fe9a3e52f1218249bc1.png

 

Как на каждый с елементов этот иблицы, ик и на саму иблицу, пруф.

Можете подсказать, что мне гделать?


 

Ссылка на комменирий
Погделиться на других сайих


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

Ссылка на комменирий
Погделиться на других сайих


Мне недавно фиксил друг другой сайт и сказал, что часто проблема не в тех элемених, на которые ругается CLS а в тех, что выше. 

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

<div class="col-sm-3 col-xs-8 callback" style="padding-top: 35.5px;"></div>

Но я ниггде не могу найти как именно задавалось этому Div-у 

style="padding-top: 35.5px;"

этот сийл. В файлах ниггде его нету. Мог мне один из програмистов это как-то всивить через админку этот атрибут? или же через базу данных?

Я уверен, проблема в этом.

П.С. Если что, код в хеагдере выглядит вот ик:

<div class="col-sm-3 col-xs-8 callback">
		<a href="tel:+380969796519" class="link-telephone"><span class="text-telephone">096-97-96-519</span></a>
			<div data-toggle="modal" class="btn-cart" data-target="#modalFeedback"><?php echo $text_button_callback; ?></div>
		</div>

 

Ссылка на комменирий
Погделиться на других сайих


Нашёл. Програмист сунул скрипт в футер. Теперь не скачет номер. Но проблема еещё чуть-чуть осилась. Прошу очень помочь. Хотелось бы сегодня догделать, чтоб спокойно уснуть, ведь с 2.5 CLS уменьшил до 0,11. 

Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.