Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСйчас

Авторизация

Π—Π°Π±Ρ‹Π» ΠΏΠ°Ρ€ΠΎΠ»ΡŒ

Π—Π°Π±Ρ‹Π»ΠΈ ΠΏΠ°Ρ€ΠΎΠ»ΡŒ? Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Π»ΠΎΠ³ΠΈΠ½ ΠΈΠ»ΠΈ email-адрСс. ΠœΡ‹ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΠΌ ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ Π½Π° ваш Email

ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ сообщСниС

Add post

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ вопрос

You must login to ask a question.

Авторизация

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСйчас

ЦСль сайта совмСстная ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Ρƒ, Ссли Π²Ρ‹ ΠΆΠ΅Π»Π°Π΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ рСсурсы ΠΈ Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΏΡ€ΠΈ этом Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ ΠŸΠΎΠ΄ΠΏΠΈΡΠΊΡƒ Π”Ρ€ΡƒΠ³ΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠΌ участникам

Layout Type ускорСниС мобильной вСрсии Opencart 3 v1.2.3

Layout Type ускорСниС мобильной вСрсии Opencart 3 v1.2.3

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽΒ OpenCart!

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ шаблон Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ?Β Π½Π° мобильной вСрсии ΡΠΊΡ€Ρ‹Ρ‚ΡŒ «Π»ΠΈΡˆΠ½ΠΈΠ΅» элСмСнты.

НуТно, Ρ‡Ρ‚ΠΎ-Π±Ρ‹ ΠΏΡ€ΠΈ этом Π½Π΅ пострадало usability?Β ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ.

Π”Π°ΠΆΠ΅ Ρ‚ΠΎΠΏΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, ΠΏΠΎΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, элСмСнты ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ «Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹»Β ΠΈΠ»ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎΒ Π² мобильной вСрсии: Π»ΠΈΠ±ΠΎΒ ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‚ΡΡΒ ΠΏΠΎΡΡ€Π΅Π΄ΡΡ‚Π²ΠΎΠΌ css (display:none); Π»ΠΈΠ±ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ,Β Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ссли flexbox ΠΈΠ»ΠΈΒ bootstrap pull pushΒ Π½ΠΎ часто с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ навСшивания мноТСства ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»Π΅ΠΉΒ ΡΠΎΠ±Ρ‹Ρ‚ΠΈΠΉ javascript. Π”Π°ΠΆΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ bootstrap основана Π½Π° Ρ‚Π°ΠΊΠΈΡ… ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°Ρ….

Всё это создаёт лишний «Π²Π΅Ρ» ΠΈ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅ замСдляСт Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта ΠΈ заставляСт процСссор ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠΉ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ ΡˆΡƒΠΌΡ ΠΊΠ°ΠΊ ΠΌΠ°ΠΉΠ½ΠΈΠ½Π³ Ρ„Π΅Ρ€ΠΌΠ°.

ΠœΡ‹ Π² Π½Π°ΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°Ρ… ΠΏΡ€ΠΎΠΏΠ°Π³Π°Π½Π΄ΠΈΡ€ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ сСйчас. И исходя ΠΈΠ· этих ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² Π½Π°ΠΌΠΈ Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΒ ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ схСмы который ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚:

  • ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΎΠ±ΡŠΡ‘ΠΌ страницы (ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΒ Ρ‡Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΡΠ΅Ρ‚ΡŒ),
  • ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒΒ Ρ€Π°Π·ΠΌΠ΅Ρ€ структуры DOM,
  • ΡƒΡΠΊΠΎΡ€ΠΈΡ‚ΡŒ врСмя окончания Ρ€Π°Π±ΠΎΡ‚Ρ‹ ЦП,
  • избавится ΠΎΡ‚ лишнСго JavaScript ΠΊΠΎΠ΄Π° (ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒΒ Π²Ρ€Π΅ΠΌΡ выполнСния ΠΊΠΎΠ΄Π° JavaScript),
  • избавится ΠΎΡ‚ css костылСй,

Π° Ρ‚Π°ΠΊ-ΠΆΠ΅:

  • Π£ΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒΒ Ρ€Π΅ΡΡƒΡ€ΡΡ‹, Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰ΠΈΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅,
  • Π‘ΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒΒ Π²Ρ€Π΅ΠΌΡ ΠΎΡ‚Π²Π΅Ρ‚Π° сСрвСра (врСмя Π΄ΠΎ получСния ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ Π±Π°ΠΉΡ‚Π°, TTFB),
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΒ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ,

ΠΈ Π΄Ρ€.

ΠΏΡ€ΠΈ этом Π΄Π°ΠΆΠ΅ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΠ²

  • Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ,
  • Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ Π² настройкС ΠΈ
  • Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½ΠΎΡΡ‚ΡŒΒ Π’Π°ΡˆΠ΅Π³ΠΎ сайта!
OpenCart 3.0
ΠšΡƒΠΏΠΈΡ‚ΡŒ Ρƒ Автора
Sha Layout Type-(1.2.3) (oc3.0) Ocmod (32.7 KiB)
Data Layout Type (33.7 KiB)

Автор GrekVerified

Π₯ΠΎΡ€ΠΎΡˆΠ΅Π΅ Π½Π°Ρ‡Π°Π»ΠΎ β€” Π½Π΅ ΠΌΠ΅Π»ΠΎΡ‡ΡŒ, хотя ΠΈ начинаСтся с ΠΌΠ΅Π»ΠΎΡ‡ΠΈ По вопросам подписки / Ρ€Π΅ΠΊΠ»Π°ΠΌΠ΅, ΠΏΠΈΡˆΠΈΡ‚Π΅ Π² Π»ΠΈΡ‡ΠΊΡƒ https://t.me/trafimmamedov ΠΈΠ»ΠΈ Π½Π° ΠΏΠΎΡ‡Ρ‚Ρƒ [email protected]

ΠœΡ‹ Ρ‚ΡƒΡ‚

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ ( 2 )

  1. […] 2.3 2.2 2.1 ocStore 2.3 2.2 2.1 ΠŸΡ€ΠΎΠ΄Π°ΠΆΠ½ΠΈΠΊ Layout Type v1.2.3 NoMoney Su Sha Layout Type (57.2 KiB) 100/100 , Adaptive , layout , layout type , mobile , […]

ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚