Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Recommended Posts

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

image.png.a54fa306a3049fe9a3e52f1218249bc1.png

 

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

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


 

Link to comment
Share on other sites


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

Link to comment
Share on other sites


Мне недавно фиксил друг другой сайт и сказал, что часто проблема не в тех элемених, на которые ругается 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>

 

Link to comment
Share on other sites


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

Link to comment
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
 Share

×
×
  • 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.