Начать новую тему

Верстка блока

возможно разделить блок на столбцы??

jpg
(197 KB)

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


Боюсь, что настроить карточку товара таким образом стандартными средствами Мерчиума не получится. 


Для изменения позиции указанных элементов, вы можете добавить CSS правила для определенных классов в секцию Пользовательские CSS редактора тем.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.

Также отметим, что в Мерчиуме есть возможность отключить отображение данных о товаре во вкладках. Для этого, пожалуйста, снимите флажок Показывать информацию о товаре во вкладках на странице Настройки > Внешний вид.

Спасибо. 

.ty-product-block__wrapper.clearfix {

width: 200px;

background: #ccc;

padding: 5px;

padding-right: 20px;

border: solid 1px black;

float: left;

}

.ty-tabs.cm-j-tabs.clearfix {

width: 200px;

background: #fc0;

padding: 5px;

border: solid 1px black;

float: left;

position: relative;

top: 40px;

left: -70px;

}

Насколько мы видим, вы успешно добавили собственные правила для изменения отображения карточки товара. Спасибо, что поделились этой информацией с нами.


Войдите, чтобы опубликовать свой комментарий