6 replies to this topic

[zeus07]

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

 

Верстаю сайт, использую JBZoo 2.1.5. 

Макет категории: http://img.sc/528696...37995a6e93b8be3

 

Как сделать так, чтобы название товара выводилось сверху над фото? Просто не приходилось раньше именно так делать.

 

Понимаю, что можно использовать просто абсолютное позиционирование, но хотелось бы это сделать более корректно с помощью редактирования шаблона категории или teaser.

 

Где это отредактировать, и каким образом?

 

Заранее спасибо.

[Sliapy]

Название товара поверх фото в любом случае придется выводить через абсолютное позиционирование.

[zeus07]

Название товара поверх фото в любом случае придется выводить через абсолютное позиционирование.

 

Да, вы действительно правы.  Пришлось через абсолютное позиционирование. Единственное, буду рад, если подскажите немного по CSS, как отцентрировать название товара относительно фото, и фон сделать на всю ширину фото.

 

Сайт: http://uzs.artcolori...okogo-davleniya

 

Уж извиняюсь, за подобный вопрос, просто 3 утра, и мозг что-то уже плохо соображает...

[Sliapy]

Вам нужно позиционировать не ссылку, которая находится в h3.title, а весь h3.title.

 

Да и в целом с CSS у вас там каша полная.

Edited by Sliapy, 28 March 2015 - 03:14.

[Na_uM]

так вам нужно

сверху над фото

или

товара поверх фото

если первые вариант, уберите позиционирование о заголовок сверху

если второй вариант

то оптимально будет h3 перенести в блок с картинкой

блоку добавить position:relative;

а h3 уже абсолютно позиционировать и добавить bottom:0;

а ссылке добавить display: inline-block;width: 100%;

Edited by Na_uM, 28 March 2015 - 06:15.

[Cheren-dow]

zeus07, вы решили вопрос?

[zeus07]

Спасибо, получилось.