Jump to content
Sign in to follow this  
3a4ik

Изменение дизайна конкретного элемента страницы

Recommended Posts

Здравствуйте.

Недавно начал изучать OpenCart. Прислали тестовое задание.

 

Оформление списка товаров, которое есть сейчас:

vcPSiZaQEzU.jpg

 

Оформление, которое надо сделать:

TFbFE1d_7l4.jpg

 

Нашел почти нужный файл по пути: site.com/catalog/view/theme/*название шаблона*/template/product/category.tpl

Собственно, вопрос: как можно провести такие изменения? Это надо искать нужный css-файл и менять стили там? А их в шаблоне не мало храниться и понять, какой нужен, сложно.

Подскажите пожалуйста, может, в ОpenCart (в админ-панели где-то) есть специальный инструмент для этого?

 

Всем огромное спасибо за ответ!

Share this post


Link to post
Share on other sites
42 минуты назад, 3a4ik сказал:

Прислали тестовое задание.

 

Не пойму, Вам дали задание переверстать вид товара в категории, а Вы не можете определить, какой файл стилей править?

Может не стОит браться?

Share this post


Link to post
Share on other sites
1 час назад, 3a4ik сказал:

Недавно начал изучать OpenCart. Прислали тестовое задание.

....

Подскажите пожалуйста, может, в ОpenCart (в админ-панели где-то) есть специальный инструмент для этого?

 

1. Для полного новичка (судя по тому, что вы не можете найти какие стили подключены к странице) сходу освоить OpenCart будет сложно.

2. Специальный инструмент есть, но он не в OC, он в самом браузере. Называется Developer Tools (в браузере Chrome).

С его помощью можно легко и просто определить какие стили к какому элементу подключены, а так же какой файл css за это отвечает.

Поищите доп. информацию по данному инструменту.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.