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

Опции товара сделать компактней

Добрый день! 


1. Подскажите как сделать опции товара компактней, а то уж слишком большой интервал между строчками радиокнопок опций товара, и сделать так чтобы опции писались не в один длинный столбик на всю страницу, а хотябы в 2-3 столбика не занимая тем самым лишнее пространство на странице (без выпадающего списка вариантов.)


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


3. Нужно убрать из опции товара отображение ее стоимости ну т.е. (+135.00 р), (+150.00 р) и тд. чтобы лишнее убрать, при этом общая цена товара вверху с той или иной опцией должна меняться от их применения.


В приложении скриншот страницы


Спасибо!


еще 1 человеку задает этот вопрос

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


> Добрый день! 

> 1. Подскажите как сделать опции товара компактней, а то уж слишком большой интервал между строчками радиокнопок опций товара, и сделать так чтобы опции писались не в один длинный столбик на всю страницу, а хотябы > в 2-3 столбика не занимая тем самым лишнее пространство на странице (без выпадающего списка вариантов.)


Вы можете уменьшить расстояние между строчками радиокнопок, добавив следующие CSS правила в секцию Пользовательские CSS вашего редактора тем:

 

.ty-product-options__box {
    padding: 0px 0;
}

 

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


> 2. Необходимо сделать опцию с флажками(галочки) так чтобы как для радиокнопок было, т.е. слева жирным шрифтом заголовок, а справа написано категории подзаголовка с возможностью поставить много галочек и также не в один столбик, а рядом (т.е. начинка: курица, говядина, свинина - и все галочки) - не нашел такой возможности.


Боюсь, такой возможности в Мерчиуме нет. Мы непрерывно работаем над улучшением возможностей Мерчиума. Мы будем благодарны, если в разделе Новые идеи нашего форума вы опишете, какой бы вы хотели видеть данную функциональность в будущем. 


> 3. Нужно убрать из опции товара отображение ее стоимости ну т.е. (+135.00 р), (+150.00 р) и тд. чтобы лишнее убрать, при этом общая цена товара вверху с той или иной опцией должна меняться от их применения.


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


Спасибо.


Благодарен за столь понятный ответ.


Но столкнулся с последующей проблемой тоже на эту же тему, скриншот прилагаю


1. Никак не отжимается галочка выбора опции хочу сделать чтобы изначально стоимость товара была равна 0.00 р. а по мере выбора опций она менялась

2. По скольку на мерчиуме нет возможности описанной в предыдущем сообщении прошу помочь сделать пожирнее и контрастней текст примечания опции ВЫБЕРИТЕ ДОБАВКУ НИЖЕ (применимо только к данному товару чтобы у других без изменений)

3. Опять таки все та же проблема, мы с вами уменьшили интервал между опциями радиокнопок, а вот интервал флажков(галочек) не изменился, как уменьшить интервал между строк для них?

4. Заголовок опции сделать обычным текстом убрать жирный и двоеточие, по скольку на мерчиуме в описанном выше ответе нужная возможность отсутствует. 


Спасибо.

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


Мы рады вам помочь.


> 1. Никак не отжимается галочка выбора опции хочу сделать чтобы изначально стоимость товара была равна 0.00 р. а по мере выбора опций она менялась


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


> 2. По скольку на мерчиуме нет возможности описанной в предыдущем сообщении прошу помочь сделать пожирнее и контрастней текст примечания опции ВЫБЕРИТЕ ДОБАВКУ НИЖЕ (применимо только к данному товару чтобы у других без изменений)


Мы добавили следующие CSS правила в секцию Пользовательские CSS вашего редактора тем:

 

.ty-product-options__description {
    font-weight: bold;
    color: #419e41; }


Вы можете изменить параметры на необходимые в этом коде.


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


> 3. Опять таки все та же проблема, мы с вами уменьшили интервал между опциями радиокнопок, а вот интервал флажков(галочек) не изменился, как уменьшить интервал между строк для них?


Мы изменили интервал для подобных опций, добавив следующие CSS правила в секцию Пользовательские CSS вашего редактора тем:

 

.ty-control-group {
    margin: 0; }

 

> 4. Заголовок опции сделать обычным текстом убрать жирный и двоеточие, по скольку на мерчиуме в описанном выше ответе нужная возможность отсутствует. 


Мы добавили следующие CSS правила, чтобы убрать жирный шрифт для упомянутых опций:

 

#option_description_412_242, #option_description_412_232, #option_description_412_236, #option_description_412_238, #option_description_412_240, #option_description_412_244, #option_description_412_246, #option_description_412_248 {
    font-weight: normal;
}

 

Убрать двоеточие у опций через CSS, к сожалению, нельзя.



Если вам требуется изменить стиль некоторых элементов дизайна в вашем магазине, вам необходимо добавить 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/


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


Спасибо.

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


Спасибо. 

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

Мы изменили ширину блока выбора опций, добавив следующие CSS правила:


 

.ty-product-bigpicture__left{
width:90%;
}
.ty-product-bigpicture__right {
width:360px;
}
.ty-product-bigpicture .ty-control-group__label {
width:140px;
}
.ty-product-block__option {
width:340px;
}

 

 Пожалуйста, проверьте результат.


Спасибо.

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


Спасибо.

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


Пожалуйста.


Вы можете сами сделать отображение опций еще более компактным, используя информацию из приведенных ранее ресурсов.


Что касается фона для опций, вы можете добавить картинку, добавив следующее CSS правило в секцию Пользовательские CSS вашего редактора тем:

 

.ty-product-bigpicture__right {
background-image: url("http://LINK_TO_YOUR_IMAGE");
}

 

где LINK_TO_YOUR_IMAGE - ссылка на необходимую картинку.


Спасибо.


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