VID61 (06 Январь 2015 - 14:23) писал:
Благодарю. все получилось.
Помогите пожалуйста решить еще несколько вопросов.
1. Колонки: артикул, наименование, и кол-во - выровнять по центру.
2. максимально сузить колонки (по высоте текста)
3. Вместо кнопки "быстрый заказ" вставить свою картинку
4. Сузить колонку цена товара.
1. найдите в шаблоне Товары код
<div style="width:100px; display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>
замените на
<div style="width:100px; display: table-cell; text-align: center;vertical-align: middle;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>
далее найдите в style.css
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 0 10px 0 0;}
замените на
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 25px 10px 0 0;text-align: center;vertical-align: middle;}
найдите
.rest {
float: right;
width: 44px;
border-left: solid 1px #ccc;
height: 79px;
padding-left: 21px;
}
замените на
.rest {
float: right;
width: 44px;
border-left: solid 1px #ccc;
height: 79px;
padding-left: 21px;
padding-top: 25px;
}
3 найдите в main.css
.buy_button, .buy_submit, .paymentFormSubmitLink {text-decoration: none !important;outline: none;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;background: #d11717 !important;color: #fff!important;border: none !important;min-height:14px;overflow: hidden !important;text-align: center !important;line-height:16px;text-transform: uppercase;padding: 10px 15px;cursor: pointer;font-family: Calibri !important;font-size: 12px;font-weight: bold !important;-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);}
замените на
.buy_button, .buy_submit, .paymentFormSubmitLink {text-decoration: none !important;outline: none;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;background: url('ссылка на вашу картинку') !important;color: #fff!important;border: none !important;min-height:14px;overflow: hidden !important;text-align: center !important;line-height:16px;text-transform: uppercase;padding: 10px 15px;cursor: pointer;font-family: Calibri !important;font-size: 12px;font-weight: bold !important;-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);}
не забудьте вставить ссылку на вашу картинку