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

Можливо у багатьох вебмастерів-початківців виникає бажання Як змінити кнопки в 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 Photoshop

 

 

 

 

 

 

6) Колір вибираємо тут

3

 

 

 

 

 

 

 

 

 

 

 

 

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

2

 

 

 

 

 

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

 

 

 

 

 

 

 

 

 

 

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

1

 

 

 

 

 

 

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

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

 

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

 

 

 

 

 

 

 

 

 

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

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