Изменение вывода товаров(сместить фото пониже)

sad
Аватар пользователя sad
Не в сети
Регистрация: 18 Мар 2012
Сообщения:

Здравствуйте! Просьба помочь, нужно сделать как на фотографии(т.е. немного ниже сделать вывод фотографии).

http://img-fotki.yandex.ru/get/6203/29841546.0/0_76680_290dcd77_L

Скрин

Аватар пользователя brusee
Не в сети
Регистрация: 11 Мар 2012
Сообщения:

какую тему используете? вы руками правили представление товара? можно подправить css выбранной темы(по ftp в папке темы правьте файл css с именем темы) или в представлениях сделайте вывод с Заменой выводимого полем значения(там можно использовать html c использованием подстановочных шаблонов).

Аватар пользователя brusee
Не в сети
Регистрация: 11 Мар 2012
Сообщения:

можно также использовать css иньекцию на заданную страницу "admin/settings/css_injector"

sad
Аватар пользователя sad
Не в сети
Регистрация: 18 Мар 2012
Сообщения:
brusee написал:

Да, руками правил представление товара. Но нужно выводить товар именно таблицей, а не сеткой.
Еше есть вопрос.
Вот по дефолту(в сборке друпал 2) страница в админке:
http://....ru/admin/build/views/edit/product_admin
Из нее копирую КЛАСС CSS: grid-center
Вставляю этот CSS "grid-center" в http://...ru/admin/build/views/edit/catalog
Т.е. меняю с КЛАСС CSS: grid-tovar на CSS: grid-center
... и ничего не меняется, вывод товаров в "Материал представление: product_admin (Менеджер товаров)"- впринципе может подойти для обшего каталога на сайте.

Вот CSS выбранной темы:

/* $Id: orange.css,v 1.1.2.1 2010/08/04 15:42:45 finex Exp $ */

/**
*
* A Vitamin Plus+ Orange - sub template
*
* Website:http://www.themes-drupal.org
*
* Author:http://www.finex.org
*
*/

/********************************* LAYOUT ************************************/

#page_wrapper{background-image:url(img/orange.png)}

#page{color:#574B4B}

.sidebar{
background-color:#ffca7f;
border:1px solid #db8100;
}

#mission{
background-color:#ffca7f;
border:1px solid #db8100;
}

#footer{border-top:1px solid #dedede}

.sidebar{color:#66472A}

/******************************** TYPOGRAPHY **********************************/

pre{
border:1px solid #EFEEEE;
background-color:#FCFBFB;
}

tt, code{background-color:#F8F7F7}

table caption{background-color:#F8F7F7}

thead th,
tbody th{background-color:#F7F0F1}

tbody td{border-bottom:1px solid #EFEEEE}

tr.odd{background-color:#FAF4F5}

img.imgLeft{border:1px solid #F7F0F1}

img.imgRight{border:1px solid #F7F0F1}

/********************************** LINKS *************************************/

a{color:#D17E07}

li a.active{color:#D17E07}

a:hover{
text-decoration:underline;
color:#6f6f81;
}

#footer_message a{color:#DCBBBB}

#credits a{color:#DCBBBB}

/********************************* HEADINGS ***********************************/

h1{
color:white;
text-shadow:1px 1px 1px #db8100;
background-color:#ff9600;
border:1px solid #db8100;
}

h2, h3, h4, h5{
color:#ff9600;
background:none;
border:none;
padding:0;
}

.sidebar .block h3{
background-color:#ff9500;
border:1px solid #db8100;
text-shadow:none;
color:white;
}

/******************************** NAVIGATION **********************************/

#navigation a{
color:#47361e;
}

#navigation li.active-trail a,
#navigation li.active a,
#navigation a.active{
color:white;
background-color:#47361e;
}

#navigation a:hover{
color:white;
background-color:#ff9600
}

/* Drop down
*******************************************************************************/
#navigation li.active-trail li a,
#navigation li.active li a,
#navigation li li a.active{
color:#47361e;
}

#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a:hover
#navigation ul li ul li a:hover{
background-color:#ff9600;
color:white;
}

/********************************** PAGER *************************************/

ul.pager li a{
border:1px solid #ff9600;
background-color:#ffca7f;
}

ul.pager li.pager-current{
border:1px solid #ff9600;
background-color:#ffca7f;
color:white
}

ul.pager li.pager-next a,
ul.pager li.pager-previous a,
ul.pager li.pager-last a,
ul.pager li.pager-first a{
border:1px solid white;
}

ul.pager li a:hover{
background-color:#ff9600;
color:white;
border:1px solid #ff9600;
}

/*********************************** FORM *************************************/

input.form-text:focus,
textarea:focus{border:1px solid #47361E}

input.form-submit{background-color:#FF9500}

input.form-submit:hover{background-color:#db8100}

input.form-submit:active{background:#db8100}

fieldset{
border:1px solid #EF956C;
background-color:#FAF2F3;
}

fieldset fieldset{background-color:#F5FDFF}

fieldset fieldset.collapsed{background-color:#FAF2F3}

.collapsible legend{background-image:url(img/arrow-expanded.png)}

.collapsed legend{background-image:url(img/arrow-collapsed.png)}

/*********************************** TABS *************************************/

div.tabs{border-bottom:2px solid #FF9500}

ul.tabs li.active a{
background-color:#FF9500;
color:white;
}

ul.tabs li a:hover{
background-color:#db8100;
color:white;
}

/************************************ BLOCKS **********************************/

.sidebar .block{
background-color:#ffca7f;
border:1px solid #ffca7f;
}

/************************************ NODES ***********************************/

.tag{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

.tag li a{background-image:url(img/tag.png)}

/******************************* NODES META ***********************************/

.node .meta div.links{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

/********************************** COMMENTS **********************************/

.comment{
background-color:#FCFBFB;
border:1px solid #EFEEEE;
}

.comment.even{background-color:#FFFCFC}

.comment .meta div.links{
background-color:#FFFCFC;/**/
border:1px solid #EAE3E4;
}

.comment.even .meta div.links{background-color:#FFFCFC}

.comment .submitted{color:#FF9500}

/*********************************** EOF **************************************/

Аватар пользователя brusee
Не в сети
Регистрация: 11 Мар 2012
Сообщения:

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

sad
Аватар пользователя sad
Не в сети
Регистрация: 18 Мар 2012
Сообщения:

Проблема решена тупо сменой шаблона. Спасибо, brusee.

Отправить комментарий

MultiAuthentication
Содержание этого поля является приватным и не предназначено к показу.