в основном тут поможет практика конечно. а так, в онлайн курсе разработчика, который bitrix framework приводились примеры интеграции дизайна, кастомизации шаблонов, компонентов и т.д. https://dev.1c-bitrix.ru/learning/course/index.php...
мне кажется вы не в ту сторону мыслите. у ваших товаров должны быть свойства, как и указал Павел. и потом по этим свойствам вы можете фильтровать всё что душе угодно
полгода чтений мануалов и разработок собственных мелких вещей. потом устроился джуниором на работу в студию. ну а там уже от тебя будет зависеть как быстро всё пойдет
в этом случае див result заполнится текстом и текст уже не пропадет. имхо наверное лучше сделать средствами css на hover dislay:block(в этом случае див уже должен быть заполнен текстом и иметь display:none). либо в jquery добавить в вашем коде вторую функцию, которая будет текст убирать. но мне кажется с css было бы проще.