0
Таблица С Размерами В Характеристиках
Автор Santos, 31 марта 2016 17:17
Сообщений в теме: 9
#1
Отправлено 31 Март 2016 - 17:17
Здравствуйте, Уважаемые модераторы!
Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?
т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.
Пример: Добавляем характеристику
Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!
Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.
Жду с нетерпением ответа!
спасибо...
p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.
Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?
т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.
Пример: Добавляем характеристику
Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!
Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.
Жду с нетерпением ответа!
спасибо...
p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.
#2
Отправлено 31 Март 2016 - 18:00
Santos (31 Март 2016 - 17:17) писал:
Здравствуйте, Уважаемые модераторы!
Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?
т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.
Пример: Добавляем характеристику
Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!
Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.
Жду с нетерпением ответа!
спасибо...
p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.
Вопрос такой: Блоком "характеристики" я не пользуюсь, возможно ли сделать так, чтобы в нем размешать таблицу с размерами (картинку из файлов)? - на рис. я наглядней нарисовал..посмотрите.
Как это сделать и возможно ли это?
т.е. как сделать, чтобы при редактировании товара, в разделе "ХАРАКТЕРИСТИКИ" указывать следующее.
Пример: Добавляем характеристику
Название: Размерная таблица
Значение: Сделать так, чтобы сюда можно было добавить ссылку на картинку из файлов !!!
Результат: На странице товара в "характеристиках" открывалась таблица (2 ячейки - левая / правая),
в левой у нас соответственно название - Размерная таблица,
а в правой у нас - картинка этой размерной таблицы.
Жду с нетерпением ответа!
спасибо...
p/s/ Возможно на форуме есть какие то подобные варианты...сообщите.
Здравствуйте. В раздел "Характеристики", при редактировании товара, нельзя добавлять ссылки. Можно сделать следующее: в карточке товара, вместо вкладки "характеристики", за которую отвечают непосредственно характеристики товара, использовать раздел "Полное SEO-описание". Нужно учесть, что во всех товарах Полное SEO-описание будет отображаться в этой вкладке.
В шаблоне ТОВАР найдите блок кода:
<!-- Основные вкладки описаний товара --> <div class="tab_products clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr class="first odd"> <th class=""><span class="value">{goods_features.NAME}</span></th> <td class="data last">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %}
замените его на:
<!-- Основные вкладки описаний товара --> <div class="tab_products clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT %} <div id="content_1" class="tab-content"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> </div> </div> {% ENDIF %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </table> </div> {% ENDIF %}
Затем, в разделе ТОВАРЫ -ТОВАРЫ, откройте любой товар для редактирования. Найдите раздел Полное SEO-описание, нажмите кнопку "Источник" и вставьте код:
<table class="table-box"> <tbody> <tr> <th><span class="value">Размерная сетка</span></th> <td><img src="http://design.ffgears.ru/logo.png" title="" /></td> </tr> </tbody> </table>
Для каждого товара вставьте по такому принципу ссылку на нужное изображение. Результат реализации прикрепляю в скриншоте.
#3
Отправлено 31 Март 2016 - 22:01
Спасибо за ответ...НО У МЕНЯ НИ ЧЕГО НЕ ИЗМЕНИЛОСЬ, все сделал как вы указали..почему то у вас получилось, не пойму..на вашем скрине все выглядит красиво, как и хотел...но у меня такого не получилось, в чем может быть проблема? даже кнопка "размерная сетка" не появилась.
Изменения стоят на этом товаре: http://ffgears.ru/go...DX-PRO-NUBUCK-6
После просмотра удалите пожалуйста эту ссылку! спс.
Изменения стоят на этом товаре: http://ffgears.ru/go...DX-PRO-NUBUCK-6
После просмотра удалите пожалуйста эту ссылку! спс.
#4
Отправлено 01 Апрель 2016 - 02:02
В шаблоне Товар найдите:
замените на:
далее найдите:
замените на:
После изменений не забудьте почистить кэш браузера.
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
замените на:
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
далее найдите:
<!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </table> </div> {% ENDIF %}
замените на:
<!-- Характеристики --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </table> </div> {% ENDIF %}
После изменений не забудьте почистить кэш браузера.
#5
Отправлено 01 Апрель 2016 - 02:15
Vaccina (01 Апрель 2016 - 02:02) писал:
В шаблоне Товар найдите:
замените на:
далее найдите:
замените на:
После изменений не забудьте почистить кэш браузера.
123.jpg
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
замените на:
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Размерная сетка</a></li>{% ENDIF %}
далее найдите:
<!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </table> </div> {% ENDIF %}
замените на:
<!-- Характеристики --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_2" class="tab-content" {% IF GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> <table class="table-box"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </table> </div> {% ENDIF %}
После изменений не забудьте почистить кэш браузера.
123.jpg
#6
Отправлено 08 Апрель 2016 - 12:00
Здравствуйте!
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?
Спасибо..жду скорейшего ответа...
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?
Спасибо..жду скорейшего ответа...
#7
Отправлено 08 Апрель 2016 - 13:03
Santos (08 Апрель 2016 - 12:00) писал:
Здравствуйте!
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?
Спасибо..жду скорейшего ответа...
Вопрос такой, я разделе "доставка" разрисовал таблицу с описанием..ширина таблицы 500px... теперь получается так, что при просмотре в малых разрешениях от 540х и меньше эта таблица уходит за край экрана.
Хотелось бы установить горизонтальную прокрутку на этот блок, как на "страницу товара", так и в форму "быстрый заказ" - для малых разрешений.
Я думаю такое возможно сделать, вот только как?
Спасибо..жду скорейшего ответа...
Здравствуйте. В шаблоне main.css найдите строку:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;}замените ее на:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;overflow-x: scroll;}
#8
Отправлено 08 Апрель 2016 - 23:59
RedHead (08 Апрель 2016 - 13:03) писал:
Здравствуйте. В шаблоне main.css найдите строку:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;}замените ее на:
.tab-content{float:left;border:1px solid #e9e9e9;background:#FFF;width:100%;padding:5px 15px;position:relative;overflow:hidden;font-size:125%;overflow-x: scroll;}
#9
Отправлено 09 Апрель 2016 - 01:42
В main.css найдите:
после него пропишите:
.adress, .customer, .delivery, .quick_order_payment, .coupons { float: left; width: 100%; }
после него пропишите:
.delivery { overflow-x: scroll; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных