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

FontAwesome квадратики на декілька мілісекунд

voronlviv

Автор: ,
в Opencart 2.x: Пісочниця

 Share

Recommended Posts

voronlviv Proficient

voronlviv

Опубліковано:
Опубліковано:

Доброго вечора. Підкажіть, будь ласка, в чому може бути проблема.  Перед завантаженням сторінка (категорій наприклад) на декілька мілісекунд з'являють квадратики перед загрузкою іконок FontAwesome. Це можна якось виправити?

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

buslikdrev Grand Master

buslikdrev

Опубліковано:
Опубліковано:
  В 04.10.2021 в 17:48, voronlviv сказав:

ну це кидається в очі

Expand  

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

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 04.10.2021 в 17:50, buslikdrev сказав:

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

Expand  

https://atletpro.com.ua/proteiny/

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

buslikdrev Grand Master

buslikdrev

Опубліковано:
Опубліковано:
  В 04.10.2021 в 17:56, voronlviv сказав:

https://atletpro.com.ua/proteiny/

Expand  

Ну что это, и кто это сделал? 

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="catalog/view/theme/coloring/assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/theme/coloring/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/coloring/assets/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" >
<link href="catalog/view/theme/coloring/assets/fontawesome-free-5.5.0-web/css/all.min.css" rel="stylesheet" >

 

Выберите какие-нибудь одни иконки, а скрипты установите ниже загрузки иконок.

Также шрифт иконок можно предзагрузить: 

<link href="https://atletpro.com.ua/catalog/view/theme/coloring/assets/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0" type="font/woff2" rel="preload" as="font" crossorigin="anonymous" />

 

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 04.10.2021 в 18:14, buslikdrev сказав:

Ну что это, и кто это сделал?

Expand  

та я сам це зробив, бо не хватало деяких іконок в 4 версії..дякую за підказку..буду тоді брати всі іконки з 5 версії..

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 04.10.2021 в 19:08, esculapra сказав:

поставь скрипт-заглушку. когда весь контент загружен - страница визуализируется.

Expand  

я не сильний в програмуванні...не знаю як написати такий скрипт.

 

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 04.10.2021 в 18:14, buslikdrev сказав:

 

Также шрифт иконок можно предзагрузить: 

<link href="https://atletpro.com.ua/catalog/view/theme/coloring/assets/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0" type="font/woff2" rel="preload" as="font" crossorigin="anonymous" />

 

Expand  

Доброго вечора. Підкажіть, будь ласка, як правильно прописати передзагрузку, якщо я використовую fontawesome-free-5.5.0

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

esculapra Veteran

esculapra

Опубліковано:
Опубліковано:
  В 05.10.2021 в 07:13, voronlviv сказав:

я не сильний в програмуванні...не знаю як написати такий скрипт

Expand  

Вот в архиве заглушка - я расписал куда включать.

Snap1.png

заглушка.zipFetching info...

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 07.10.2021 в 05:23, esculapra сказав:

Вот в архиве заглушка - я расписал куда включать.

 

заглушка.zip 1 \u041a\u0411 · 2 downloads

Expand  

це все в header.tpl вставити? в мене в хідері є лише тег <body class="<?php echo $class; ?>">, закриваючого </body> немає

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

esculapra Veteran

esculapra

Опубліковано:
Опубліковано: (змінено)
  В 10.10.2021 в 05:53, voronlviv сказав:

закриваючого </body> немає

Expand  

он в футере. тут смысл такой - пока контент не загружен, работает заглушка. а потом отрабатывает скрипт и открывается страница.

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

esculapra Veteran

esculapra

Опубліковано:
Опубліковано:
  В 04.10.2021 в 18:14, buslikdrev сказав:

Ну что это, и кто это сделал?

Expand  

уродан какой-то. нужно понимать, что следующий стиль отменяет предыдущий, даже если он заявлен как !important. но если директиву вставить в шаблон, типа, <p style="font: red !important"> то будет испольоваться новый стиль - шрифт красный.

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

voronlviv Proficient

voronlviv

Опубліковано:
  • Автор
Опубліковано:
  В 10.10.2021 в 06:46, esculapra сказав:

уродан какой-то. нужно понимать, что следующий стиль отменяет предыдущий, даже если он заявлен как !important. но если директиву вставить в шаблон, типа, <p style="font: red !important"> то будет испольоваться новый стиль - шрифт красный.

Expand  

Вставив: 

1. скрипт в stylesheet.css

2. Код заглушки після <body class="<?php echo $class; ?>"> в header.tpl

3. Скрипт перед тегом </body> в footer.tpl

 

І нічого не дало, квадратики перед загрузкою всерівно появляються.

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

esculapra Veteran

esculapra

Опубліковано:
Опубліковано:
  В 11.10.2021 в 09:09, voronlviv сказав:

І нічого не дало, квадратики перед загрузкою всерівно появляються.

Expand  

дай фт доступ

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

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

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

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

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

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

Вхід

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

Вхід зараз
 Share
Перейти до списку тем

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

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

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

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

  Я даю згоду