Как описание товара сделать состоящим из двух столбцов, а не сплошной широкий текст, не используя таблицы, а используя DIV? Желательно, чтобы только в нужных товарах текст делился на колонки, а не во всех товарах магазина
1. как сделать так что б только в ужных товарах - добавить поле в товар и по нему решать 2. описание, если оно длиннее определенного количества символов, разбивать на две части (как это делать в инете есть куча способов. даже с сохранением слов). но минус этого метода - это теги внутри описания, можно найти способ сохраняющий и тэги, но проблем будет много. так что советую просто создать поле в товаре для второй части описания. и в зависимости от него выводить в две колонки или как обычно.
Сделал, все работает кроме мобильных устройств. На маленьком разрешении при довольно плотном ppi все равно остается многоколоночность, не превращается в одну колонку для просмотра на планшете или смарте. как бороться? неужели только скриптом? Но в таком случае с CSS не стоит заморачиваться вообще вот еще нашел в тяжеловесном шаблоне journal кусок кода Код: <script> (function () { var $wrapper = $('#multi-module-1369574398'); var $columns = $('#multi-module-1369574398 .multi-modules-column'); var orig_width = parseInt('1320', 10); var orig_height = parseInt('', 10); var module_spacing = parseInt('', 10); var ratio = orig_height * 1.0 / orig_width; var wrapper_resize = function () { $wrapper.find('.container-dimensions').remove(); var height = Math.round(($wrapper.width()) * ratio); $columns.each(function () { $(this).height(height); }); $columns.each(function () { var $column = $(this); var $rows = $column.find('.multi-modules-row'); $rows.each(function () { $(this).height(Math.round(($column.height() - module_spacing * $rows.length) * $(this).attr('data-ratio') / 100)); }); }); }; $(window).resize(wrapper_resize); wrapper_resize(); })(); </script> не понятно что генерирует числовой "хвост" (multi-module-1369574398), потому надо понять что лучше: этот скрипт или Columnizer-jquery