Jump to content
Sign in to follow this  
Dots

Нужны советы по правке или хотя бы какие классы в css нужно править что бы достичь результата.

Recommended Posts

Еще раз привет всем.

 

http://www.templatemonster.com/ru/demo/38175.html - купленный шаблон, который изменятся под себя.

 

Помогите советами как и где нужно править css что бы решить следующие вопросы:

1. Корзина в ИМ магазине отображается нормально, но когда наводим мышкой что бы посмотреть содержимое, то появляется небольшой лишний кусочек картинки справа. Фото 1.

 

2. Хочется уменьшить количество блоков, которые выводятся при просмотре категорий товаров. Сейчас их выводится 5, хочется что бы было 4. Хотя я так понимаю они выводятся автоматом, подстраиваясь под то, есть ли какое содержимое справа или нет, т.к. при заполненности правой колонки страницы, какие либо данные, их становится 4. Можно ли как то указать, что бы их всегда было 4. Фото 2.

 

3. Где можно поиграться с расположением элементов, указанных на фото 3? Кнопку "купить" сдвинуть, цену по центру, скидку вниз, подравнять кнопки справа внизу. Фото 3.

 

4. И еще одна проблема, которая совсем уж напрягает: когда заходишь в карточку товара. то кусок фотографии от неё, залазеет на рамку фото. Ну уж совсем напрягает это дело. Фото 4.

 

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

post-680437-0-22383600-1394357744_thumb.png

post-680437-0-02372100-1394357968_thumb.png

post-680437-0-39024700-1394358146_thumb.png

post-680437-0-92558900-1394358246_thumb.png

Share this post


Link to post
Share on other sites

FireDebug вроде прикольно помогает...

Share this post


Link to post
Share on other sites

3. Где можно поиграться с расположением элементов, указанных на фото 3? Кнопку "купить" сдвинуть, цену по центру, скидку вниз, подравнять кнопки справа внизу. Фото 3.

 

С этим вопросом разобрался.

Share this post


Link to post
Share on other sites

1. Корзина в ИМ магазине отображается нормально, но когда наводим мышкой что бы посмотреть содержимое, то появляется небольшой лишний кусочек картинки справа. Фото 1.

Разобрался, немного увеличил шрифт и баг пропал...

Share this post


Link to post
Share on other sites

4. И еще одна проблема, которая совсем уж напрягает: когда заходишь в карточку товара. то кусок фотографии от неё, залазеет на рамку фото. Ну уж совсем напрягает это дело. Фото 4.

 

Здесь я так понял остался какой-то старый блок. с основной фоткой товара, возможно от старой темы - надо где то его как-то убрать

Share this post


Link to post
Share on other sites

4. И еще одна проблема, которая совсем уж напрягает: когда заходишь в карточку товара. то кусок фотографии от неё, залазеет на рамку фото. Ну уж совсем напрягает это дело. Фото 4.

 

Здесь я так понял остался какой-то старый блок. с основной фоткой товара, возможно от старой темы - надо где то его как-то убрать

Подгоняйте размер блока

Share this post


Link to post
Share on other sites

В отладчике подогнать могу, ставя такие параметры как top и т.д., а вот в css не могу найти это место... пример на фотке

post-680437-0-32691300-1394447316_thumb.png

Share this post


Link to post
Share on other sites

...или вообще надо удалить вывод этого блока где-то в php... а вот где :(

Share this post


Link to post
Share on other sites

Решил - удалил немного кода из product.tpl - и картинки теперь это вообще нет... Ну просто шикарно!

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.