Еще один квадратный попугайчик, настолько же далекий от метро-интерфейса, насколько далеки и другие попытки нарезать цветных прямоугольничков) Но у вас хотя бы все гармоничнее выглядит, и не рябит в глазах, это уже достижение
Меня вот что удивляет (уже который год) - люди до сих пор в css ставят на hover загрузку новой картинки, вместо использования частей одной (изменение того же конверта при наведении). В реальности на не самом быстром инете (не у всех еще оптоволокно, я вас уверяю) это выглядит следующим образом: 1 - загрузилась главная, 2 - навели мышку на конверт (картинка конверта пропала, поскольку в этот момент начинает грузиться та картинка, где конверт повернут, ждем секунду), 3 - наконец то картинка появилась:
Обойти эти мелькания кнопок, которые кстати встречаются и не только на местных шаблонах, а и на достаточно крупных и известных сайтах, очень просто - помещаем в фотошопе картинку изначального состояния конверта, а в одном файле под ней - картинку перевернутого конверта. И для hover-эффекта пишем такой стиль (не забудьте указать размеры):
.button {
...
background: url('button.png') no-repeat;
background-position: top;
}
.button:hover {
...
background: url('button.png') no-repeat;
background-position: bottom;
}
Как видите, все просто - используется одна картинка, и при наведении просто показывается ее нижняя часть, а в статичном положении - верхняя. Это избавляет посетителей от мелькания картинок и делает ховер-эффект плавным и красивым.
Едем дальше - попробуйте прочитать значения характеристик на карточке товара:
А потом откройте вкладку отзывов и посмотрите на стиль кнопки Продолжить - он где-то потерялся?
Дальше у нас на пути встречается категория.. Блоки сортировки и количества результатов на страницу можно было бы и кастомизировать как-то в стиле темы, а то выглядят, как говорится, ни в борщ, ни в красную армию (знаю, что это сложно, но раз вы делаете платную недешевую тему, сделайте уж ее симпатичной). Еще не понятно - что за конский пробел между блоком с фоткой и описанием каждого товара? Такая задумка или в хроме верстка плывет?
P.S. Да, и кстати - неужели вы не могли перерисовать конверт, а не просто перевернуть его в фотошопе? Или вам не видно пикселизацию при наведении?)