Шрифти в OpenCart
Листя сторінки різних Інтернет сайтів можна помітити, що є однотипні шрифти. Це пов'язано не з одноманітним мисленням усіх власників інтернет-магазинів. Просто модулі для шаблонів OpenCart не надають можливості для роботи зі шрифтами, тому унікальності від них не отримаєш. Найчастіше використовуються стандартні шрифти, які доступні всім:
Якщо ці шрифти заїжджені, то чому не використовувати щось нове? Намагаючись застосувати на сайті OpenCart нестандартний шрифт, знайдений у мережі, є шанс втратити клієнтів, оскільки він буде доступним лише вам. Чому? Ви його знайшли, завантажили на свій комп'ютер, тобто браузер вже його розпізнає, а ось інші його не закачували на свій ПК. Тому вони побачать лише ієрогліфи замість тексту.
Доведеться за допомогою звертатися доGoogle Fonts. Його список не такий великий, як хотілося б, але вже точно цікавіше стандартного.
1. Переходимо наGoogle Fonts та вибираємо шрифт. У фільтрах праворуч вибираєтеCyrillic Extended, якщо потрібна Кирилиця. Для точності вгорі введіть будь-яке слово, щоб зрозуміти який буде шрифт.Наприклад:
2. Далі потрібно в opencart підключити шрифт. ТиснемоQuick-use.
Важливо! Окремі шрифти мають різні стилі. Їх можна подивитися, натиснувшиSee all styles.
3. Відкриється нова сторінка, де вибираємо мову: латиниця чи кирилиця.
4. Копіюєте код і вставляєте його між… . Зазвичай ці теги розміщені вheader (php,tpl…).
5. Щоб змінити шрифт opencart для конкретного елемента, копіюємо з 4 пункту код і вставляємо його в той елемент, який хочемо змінити.
Наприклад, вирішили змінити шрифтголовного меню, тоstyle.css (stylesheet.css і т.д.) і вставляємо потрібний нам шрифт перед стандартним:
За бажанням можна значно розширити цей список:
Власне, і все. Тепер нестандартний шрифт буде доступний всім, так як він підключений до сайту через Google Fonts.
Як збільшити шрифт опису товарів у OpenCart?
Для цього шукаємо файлstylesheet.css.
Також є подібна функція для аукціонного асортименту. Вносимо аналогічні цифрові корективи в.product—thumb.price-old і.product-thumb.price-new.
Як змінити шрифт у OpenCart на 3d?
Крім стандартних функцій (стиль, розмір), Google Fonts може допомогти створити щось унікальне. Можна додати до шрифту колір, об'єм, тінь або вогонь. Як же цього досягти? Додамо ефект 3d фразу.
Доведеться працювати з кодом. Шукаємо код, який розміщували між... і додаємо один або кілька ефектів, використовуючиeffect =.
Наприклад :
А тепер додатково надамоfont-effect-3d клас самій фразі.
Щоб надати вогняне оформлення тексту, між... необхідно вставити код, який підключить додатковий ефект:
| Наприклад: |
А самому елементу слід задати функціюfont-effect-fire :
Висновок
Сайти OpenCart можуть бути новаторськими та цікавими. Для цього достатньо внести щось нове до шрифтів сайту. А якщо дозволяє імідж, то додати 3d ефекти. Погодьтеся, такий інтернет-магазин зможе утримати покупця на сайті на кілька додаткових секунд за рахунок свіжих ідей в оформленні тексту.
Трохи почаклувавши над кодом, можна домогтися втілення в реальність навіть найнеймовірніших і сміливіших ідей.
Новини TemplateMonster
Ми робимо все, щоб з нами було не лише продуктивно, а й зрозуміло. Документації, туторіали, тексти, доступні розумам різних рівнів підготовки, зроблять із вас справжнього професіонала.