[Помогите] Как поделить описание товара на столбцы

Тема в разделе "OpenCart", создана пользователем mr.Elias, 18 апр 2015.

  1. mr.Elias

    mr.Elias

    Регистрация:
    15 июн 2013
    Сообщения:
    269
    Симпатии:
    41
    Как описание товара сделать состоящим из двух столбцов, а не сплошной широкий текст, не используя таблицы, а используя DIV?
    Желательно, чтобы только в нужных товарах текст делился на колонки, а не во всех товарах магазина
     
  2. kama812

    kama812

    Регистрация:
    30 мар 2013
    Сообщения:
    311
    Симпатии:
    194
    1. как сделать так что б только в ужных товарах - добавить поле в товар и по нему решать
    2. описание, если оно длиннее определенного количества символов, разбивать на две части (как это делать в инете есть куча способов. даже с сохранением слов). но минус этого метода - это теги внутри описания, можно найти способ сохраняющий и тэги, но проблем будет много. так что советую просто создать поле в товаре для второй части описания. и в зависимости от него выводить в две колонки или как обычно.
     
  3. Baco

    Baco Антихронофаг Команда форума

    Регистрация:
    9 окт 2012
    Сообщения:
    648
    Симпатии:
    327
    Посмотрите на эту библиотечку или тут почитайте.
     
    Последнее редактирование: 18 апр 2015
    mr.Elias и Voland70 нравится это.
  4. mr.Elias

    mr.Elias

    Регистрация:
    15 июн 2013
    Сообщения:
    269
    Симпатии:
    41
    Сделал, все работает кроме мобильных устройств.
    На маленьком разрешении при довольно плотном 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
     
    Последнее редактирование: 21 апр 2015