Скрываем название отдельно взятой опции


У заказчика не тривиальная задача: 
Имеем: несколько видов опций в виде "переключатель" (радиокнопки). Естественно над каждой группой опций имеем название группы опций:

Задача: скрыть название группы опций "Комплектность" и оставить "Размер полотна"

Итак начнем: 
самое уникальное из всего что имеем это ID опции, ее можно подсмотреть в админке в адресе опции

выделено красным квадратиком... то есть ID=14.... 
Мысль проста... "выдернуть" ID опции, прописать ее в классе блока, дабы потом простыми манипуляциями стилей css скрыть нужное название 

Теперь нужно этот ID, каким то образом передать в tpl, приступим: 
код вывода очень прост: 



<?php echo $option['option_id']; ?>

то есть таким нехитрым образом мы "выдергиваем цыферку 14 (хотя в общем в каждой из опций мы отображаем ID опции)
но помещать просто циферку 14 в стили как то не кошерно... потому добавим к ней чего нибудь))) к примеру 

 

options-

по идее можете придумать что то свое

получаем код такого вида 



options-<?php echo $option['option_id']; ?>

то есть подразумевается что получим: options-14, ну вот так будет получше))) 
теперь добавляем данный код в код самой опции по адресу 

catalog/view/theme/ВАША_ТЕМА/template/product/product.tpl

ищем



<div id="input-option<?php echo $option['product_option_id']; ?>" class="option form-group<?php echo ($option['required'] ? ' required' : ''); ?>">



и после class=" вставляем то, что мы только что сделали

т.е. получаем 



<div id="input-option<?php echo $option['product_option_id']; ?>" class="options-<?php echo $option['option_id']; ?> option form-group<?php echo ($option['required'] ? ' required' : ''); ?>">

проверяем код на фронтеде
ок... все отлично, если посмотрите чуть ниже, то увидите, что и у другой группы опций появился класс options-13 (то есть по логике, вторая группа опций у нас с ID=13

так как у названия опции у меня не был прописан класс, я его добавил (см. 3-й рисунок) : class="oname"

Итак все готово, для того чтоб скрыть одно из названий:
прописываю в стилях 



#product .options-14 .oname {display: none}

вуаля! ненужный заголовок опции у нас скрыт...

 

что и требовалось... задача выполнена максимум минут за 5))) 

Хотелось бы добавить... что данная приблуда можети позволить Вам по разному стилизовать однотипные виды опций (где то оставить отображение радиокнопок, где то поменять стандартные кнопки на такие "кнопки" как у меня... ну или еще что то придумать. 
Удачи и до новых простых решений!


1 комментариев / Написать комментарий

Написать комментарий

Внимание: HTML не поддерживается! Используйте обычный текст!
    Бесполезно           Полезно
Captcha

Подпишитесь

Рассылаем только значимую информацию

Теги: Скрываем название отдельно взятой опции