Добрый день! Помогите пожалуйста создать карточку товара на примере картинки. Стиль характеристик был позаимствован с шаблона "Сияние". Но хотелось бы что бы все данные шли в один столбик, а не в два. Так же стиль цены хотелось бы видеть таким! Спасибо!
0
Карточка Товара (Характеристики)
Автор leonamx, 12 мая 2016 21:30
характеристки карточка товара товар информация
Сообщений в теме: 4
#1
Отправлено 12 Май 2016 - 21:30
#2
Отправлено 13 Май 2016 - 04:34
В main.css найдите:
замените на:
перед ним вставьте:
далее найдите и удалите:
.price { color: #45ceb2; font-size: 16px; letter-spacing: 0.01em; font-family: arial; }
замените на:
.price { color: green; font-size: 16px; letter-spacing: 0.01em; font-family: arial; }В шаблоне Товар найдите:
</div> </div> <div class="clear"></div> </form> <!-- /END Форма карточки товара --> <!-- Основные вкладки описаний товара --> <div class="product-tabs clear"> <ul class="tabs">
перед ним вставьте:
{% IFNOT goods_features_empty %} <table class="table-box"> <tbody> {% FOR goods_features%} <tr class="odd"> <th class=""><span class="value">{goods_features.NAME}</span></th> <td class="data">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> {% ENDIF %}
далее найдите и удалите:
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
#3
Отправлено 13 Май 2016 - 19:29
Спасибо! Сейчас супер!)..., но стиль характеристик не соответствует шаблону "Сияние" с одним столбцом. Спасибо! Номер аккаунта: SL-385543
#4
Отправлено 14 Май 2016 - 06:00
В main.css найдите:
замените на:
.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td, .table-box > tfoot > tr > td { border: 1px solid #dddddd; line-height: 18px; padding: 16px 10px 15px; text-align: center; }
замените на:
.table-box tr { border: 1px solid #dddddd; line-height: 18px; padding: 16px 10px 15px; text-align: left; display: block; } .table-box tr th { width: 50%; border-bottom: 1px dashed; display: inline-block; vertical-align: middle; text-align: left; } .table-box tr td { display: inline-block; text-align: left; }
#5
Отправлено 14 Май 2016 - 10:35
Спасибо! То что нужно! Не много подредактировал код.... Получилось что, что нужно!)
Темы с аналогичным тегами характеристки, карточка товара, товар, информация
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных