Главная страница » Як змінити кнопки в Opencart за допомогою Adobe Photoshop
Оцініть

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

Щоб змінити кнопки в Opencart за допомогою Adobe Photoshop, слід дотримуватись наступних кроків:

  1. Відкрийте файл зі зображенням кнопки в Adobe Photoshop.
  2. Зробіть необхідні зміни на зображенні кнопки за допомогою інструментів редагування, таких як кисть, гумка, лінія тощо.
  3. Збережіть змінений файл зі зображенням кнопки в форматі PNG або JPG.
  4. Відкрийте свій магазин Opencart та зайдіть до адміністративної панелі.
  5. Виберіть розділ “Дизайн” та перейдіть до розділу “Редагування теми”.
  6. Знайдіть файл зі зображенням старої кнопки та замініть його на збережений вами файл зі зображенням нової кнопки.
  7. Збережіть зміни та перевірте, як вони відображаються на вашому сайті.

Зверніть увагу, що зміна зовнішнього вигляду кнопок може вимагати внесення змін до коду вашої теми Opencart. Якщо ви не впевнені, що можете зробити це самостійно, краще звернутися до досвідченого розробника.

Можливо у багатьох вебмастерів-початківців виникає бажання Як змінити кнопки в Opencart за допомогою Adobe Photoshop підігнати під кольори свого логотипу, прикрасити і зробити приємнішим на вигляд своїм клієнтам. Сам  принаймні з чим розібрався викладу сюди

1) Заходимо до папки з кнопками /ВАШ САЙТ.com.ua/www/catalog/view/theme/default/image/

2) Знаходимо там файл button.png

3) Відкриваємо її за допомогою ПЗ Adobe Photoshope

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

4) Вибираємо інструмент “Прямокутник”

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

5) Обводимо “верхню область” ту, яка буде відображатися постійно, (нижня область природно має колір, який з’являється при наведенні курсору)

Як змінити кнопки в Opencart за допомогою Adobe Photoshop6) Колір вибираємо тут

3

7) Створюємо новий шар і створимо таку ж фігуру тільки білого кольору

2

8) Вибираємо зліва цю фігуру, клацаємо правою кнопкою та вибираємо “параметри накладання”

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

9) На вкладці Параметри накладання: Замовлені міняємо повзунком непрозорість

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

10) Так само змінюємо нижню частину кнопки

1

11) Зберігаємо з тією ж назвою і закидаємо назад у папку images

12) Заходимо на сайт і милуємось 😉

 

Як змінити кнопки в Opencart за допомогою Adobe Photoshop

Новини

Наш Телеграм канал

Останні відео

Рейтингові товари

Це дуже вигідно!