Цвет и размер параметров в корзине

Artyom1 · #1 12-23-2015, 02:30 PM

Мне нужно изменить цвет и размер параметров в корзине покупок (выделено на скриншоте), а так же цвет и размер пунктов: товар, цена, кол-во, итог.
[IMG]http://i024.radikal.ru/1512/e2/ad4dbbe04f34.png[/IMG]

Ссылка: [url]http://www.getfitapparel.ru/#!get-fit-apparel-shop/pvx7j[/url]
Вот мой css код:

[CODE]/* { tweaks CSS */
div.ecwid-productBrowser{
/* product_browser_background: (1/1) */
background-color:#;

}
div.ecwid-productBrowser{
/* product_browser_top_margin: (1/1) */
padding-top:0px;

}
td.ecwid-productBrowser-productsGrid-cell{
/* pb_product_grid_padding_horizontal: (1/1) */
padding-left:30px;
padding-right:30px;

}
div.ecwid-categories{
/* ON - show_category_tabs: (1/1) */
display:block;

}
div#Categories-1,
div.ecwid-categories{
/* category_tab_background: (1/1) */
background-color:#000000;

}
span.ecwid-categories-category{
/* category_tab_colour: (1/1) */
color:#ffffff;

}
gwt-MenuItem-selected span.ecwid-categories-category,
div.ecwid-categoriesMenuBar td.gwt-MenuItem-current span.ecwid-categories-category,
td.ecwid-categories-vertical-table-cell-selected span.ecwid-categories-category,
table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected span.ecwid-categories-category{
/* selected_category_tab_colour: (1/1) */
color:#ff2929;

}
span.ecwid-categories-category{
/* category_tab_font_size: (1/1) */
font-size:29px;

}
div.ecwid-categoriesMenuBar span.ecwid-categories-category{
/* category_sub_tab_font_size: (1/1) */
font-size:24px;

}
div.ecwid-categories-MenuBarPopup div.ecwid-categoriesMenuBar span.ecwid-categories-category{
/* category_sub_tab_popup_font_size: (1/1) */
font-size:16px;

}
div.ecwid-productBrowser-auth,
table.ecwid-Checkout-blockTitle button,
div.ecwid-Checkout-PasswordBlock,
div.ecwid-Checkout-blockTitle button.gwt-Button{
/* ON - hide_sign_in: (1/1) */
display:none;

}
div.ecwid-productBrowser-categoryPath{
/* ON - hide_breadcrumbs: (1/1) */
display:none;

}
div.ecwid-results-topPanel-sortByPanel{
/* ON - hide_sort_by: (1/1) */
display:none !important;

}
div.ecwid-results-topPanel-viewAsPanel{
/* ON - hide_view_as: (1/1) */
display:none !important;

}
div.ecwid-minicart span.ecwid-minicart-label-text,
div.ecwid-productBrowser-productDragLabel{
/* ON - hide_drag_and_drop: (1/1) */
display:none;

}
span.ecwid-productBrowser-cart-weight,
span.ecwid-Invoice-productDescr-weight{
/* ON - hide_weight: (1/1) */
display:none;

}
div.ecwid-minicart-mini-rolloverContainer{
/* OFF - always_show_total_in_mini_mode: (1/1) */
display:none;
}
div.ecwid-minicart,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_width: (1/1) */
width:159px;

}
div.ecwid-minicart,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_height: (1/1) */
height:156px;

}
div#Minicart-1,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_margin_top: (1/1) */
margin-top:0px;

}
div#Minicart-1,
div.ecwid-minicart.ecwid-minicart-floating{
/* minicart_margin_right: (1/1) */
margin-right:0px;

}
div.ecwid-minicart-counter,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-counter{
/* minicart_count: (1/1) */
color:#000000;
margin-left:0px;
top:38px;
font-size:25px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-minicart-caption,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-caption{
/* minicart_caption: (1/1) */
color:#000000;
left:0px;
top:84px;
font-size:24px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-minicart-label,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-label{
/* minicart_label: (1/1) */
left:0px;
top:86px;

}
div.ecwid-minicart-label .ecwid-minicart-label-text,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-label .ecwid-minicart-label-text{
/* minicart_label_text: (1/1) */
color:#ffffff;
font-size:0px;
font-family:arial, helvetica, verdana, sans-serif;

}
div.ecwid-minicart-link,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-link{
/* minicart_link: (1/1) */
left:0px;
top:87px;

}
div.ecwid-minicart-link *,
div.ecwid-minicart.ecwid-minicart-floating div.ecwid-minicart-link *{
/* minicart_link_text: (1/1) */
color:#616161;
font-size:16px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-productBrowser-head{
/* prod_and_cat_names: (1/1) */
color:#ffffff;
font-size:50px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:link,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:active,
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a:visited{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-subcategories-categoryName,
div.ecwid-productBrowser-subcategories-categoryName span.gwt-InlineLabel{
/* prod_and_cat_link: (1/5) */
color:#b5b5b5;
font-family:tahoma, geneva, verdana, sans-serif;
font-size:36px;

}
div.ecwid-productBrowser-productNameLink a,
div.ecwid-productBrowser-productNameLink a:link,
div.ecwid-productBrowser-productNameLink a:active,
div.ecwid-productBrowser-productNameLink a:visited{
/* OFF - prod_link_hide: (1/1) */
display:block;
}
div.ecwid-productBrowser-subcategories-categoryName{
/* OFF - category_link_hide: (1/1) */
display:block;
}
.ecwid div.ecwid-productBrowser-details-descr p,
.ecwid div.ecwid-productBrowser-details-descr span,
.ecwid div.ecwid-productBrowser-details-descr div,
.ecwid div.ecwid-productBrowser-details-descr sup,
.ecwid div.ecwid-productBrowser-details-descr sub,
.ecwid div.ecwid-productBrowser-details-descr address,
.ecwid div.ecwid-productBrowser-details-descr ul,
.ecwid div.ecwid-productBrowser-details-descr ol,
.ecwid div.ecwid-productBrowser-details-descr dl,
.ecwid div.ecwid-productBrowser-details-descr ul li,
.ecwid div.ecwid-productBrowser-details-descr ol li,
.ecwid div.ecwid-productBrowser-details-descr dl dt,
.ecwid div.ecwid-productBrowser-details-descr dl dd,
.ecwid div.ecwid-productBrowser-details-descr hr,
.ecwid div.ecwid-productBrowser-details-descr blockquote,
.ecwid div.ecwid-productBrowser-details-descr a,
.ecwid div.ecwid-productBrowser-categoryDescription p,
.ecwid div.ecwid-productBrowser-categoryDescription span,
.ecwid div.ecwid-productBrowser-categoryDescription div,
.ecwid div.ecwid-productBrowser-categoryDescription sup,
.ecwid div.ecwid-productBrowser-categoryDescription sub,
.ecwid div.ecwid-productBrowser-categoryDescription address,
.ecwid div.ecwid-productBrowser-categoryDescription ul,
.ecwid div.ecwid-productBrowser-categoryDescription ol,
.ecwid div.ecwid-productBrowser-categoryDescription dl,
.ecwid div.ecwid-productBrowser-categoryDescription ul li,
.ecwid div.ecwid-productBrowser-categoryDescription ol li,
.ecwid div.ecwid-productBrowser-categoryDescription dl dt,
.ecwid div.ecwid-productBrowser-categoryDescription dl dd,
.ecwid div.ecwid-productBrowser-categoryDescription hr,
.ecwid div.ecwid-productBrowser-categoryDescription blockquote,
.ecwid div.ecwid-productBrowser-categoryDescription a{
/* prod_description: (1/1) */
color:#ffffff;
font-size:18px;
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid div.ecwid-productBrowser-details-descr h1,
.ecwid div.ecwid-productBrowser-details-descr h2,
.ecwid div.ecwid-productBrowser-details-descr h3,
.ecwid div.ecwid-productBrowser-details-descr h4,
.ecwid div.ecwid-productBrowser-details-descr h5,
.ecwid div.ecwid-productBrowser-details-descr h6,
.ecwid div.ecwid-productBrowser-categoryDescription h1,
.ecwid div.ecwid-productBrowser-categoryDescription h2,
.ecwid div.ecwid-productBrowser-categoryDescription h3,
.ecwid div.ecwid-productBrowser-categoryDescription h4,
.ecwid div.ecwid-productBrowser-categoryDescription h5,
.ecwid div.ecwid-productBrowser-categoryDescription h6{
/* prod_description_head_colour: (1/1) */
color:#a1a1a1;

}
.ecwid div.ecwid-productBrowser-details-descr h1,
.ecwid div.ecwid-productBrowser-categoryDescription h1{
/* prod_description_h1_size: (1/1) */
font-size:26px;

}
.ecwid div.ecwid-productBrowser-details-descr h2,
.ecwid div.ecwid-productBrowser-categoryDescription h2{
/* prod_description_h2_size: (1/1) */
font-size:24px;

}
.ecwid div.ecwid-productBrowser-details-descr h3,
.ecwid div.ecwid-productBrowser-categoryDescription h3{
/* prod_description_h3_size: (1/1) */
font-size:22px;

}
.ecwid div.ecwid-productBrowser-details-descr h4,
.ecwid div.ecwid-productBrowser-categoryDescription h4{
/* prod_description_h4_size: (1/1) */
font-size:20px;

}
.ecwid div.ecwid-productBrowser-details-descr h5,
.ecwid div.ecwid-productBrowser-categoryDescription h5{
/* prod_description_h5_size: (1/1) */
font-size:18px;

}
.ecwid div.ecwid-productBrowser-details-descr h6,
.ecwid div.ecwid-productBrowser-categoryDescription h6{
/* prod_description_h6_size: (1/1) */
font-size:16px;

}
div.ecwid-productBrowser-sku,
td.ecwid-productBrowser-productsTable-sku,
span.ecwid-Invoice-productDescr-sku,
div.ecwid-OrdersList-OrderBox-sku{
/* ON - hide_sku: (1/1) */
display:none !important;

}
div.ecwid-productBrowser-cart-optionsList span.gwt-InlineLabel { display:none; } div.ecwid-productBrowser-cart-optionsList span.gwt-InlineHTML { display:block; } div.ecwid-productBrowser-cart-optionsList button.gwt-Button { margin-left:0px; } span.ecwid-productBrowser-cart-optionsList-name { font-weight:bold; } span.ecwid-Invoice-productDescr-option { display:block; } div.ecwid-Invoice-productDescr-options span.ecwid-Invoice-productDescr-separator { display:none; } span.ecwid-Invoice-productDescr-option-name { font-weight:bold; }
div.ecwid-productBrowser-price,
div.ecwid-productBrowser-cart-totalAmount{
/* main_price_colour: (1/1) */
color:#fa0000 !important;

}
div.ecwid-productBrowser-price,
div.ecwid-productBrowser-cart-totalAmount{
/* main_price_font: (1/1) */
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid-productBrowser-productsGrid-cell div.ecwid-productBrowser-price,
div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-price,
div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-price{
/* main_price_size: (1/1) */
font-size:30px;

}
div.ecwid-productBrowser-cart-totalAmount{
/* cart_total_price_size: (1/1) */
font-size:26px;

}
div.ecwid-productBrowser-backgroundedPanelInner div.ecwid-productBrowser-price{
/* product_price_size: (1/1) */
font-size:26px;

}
div.ecwid-productBrowser-cart table.ecwid-productBrowser-cart-itemsTable div.ecwid-productBrowser-price{
/* cart_price_colour: (1/1) */
color:#ffffff !important;

}
div.ecwid-productBrowser-cart table.ecwid-productBrowser-cart-itemsTable div.ecwid-productBrowser-price{
/* cart_price_size: (1/1) */
font-size:17px;

}
div.ecwid-productBrowser-details-inStockLabel{
/* in_stock_colour: (1/1) */
color:#787878;

}
div.ecwid-productBrowser-details-inStockLabel{
/* ON - in_stock_hide: (1/1) */
display:none;

}
div.ecwid-productBrowser-details-outOfStockLabel{
/* out_of_stock_colour: (1/1) */
color:#d33636;

}
div.ecwid-productBrowser-details-outOfStockLabel{
/* OFF - out_of_stock_hide: (1/1) */
display:block;
}
span.ecwid-BuyNow-outOfStockLabel{
/* out_of_stock_label_colour: (1/1) */
color:#cf3a3a;

}
div.ecwid-productBrowser-details-inTheBag div{
/* in_the_bag: (1/1) */
color:#cc0000;
left:40px;
top:11px;
font-size:22px;
font-family:tahoma, geneva, verdana, sans-serif;

}
div.ecwid-form,
td.ecwid-Invoice-edgeCell,
td.ecwid-Invoice-cell,
div.ecwid-amexPaymentForm,
div.ecwid-ppReview-block,
div.ecwid-productBrowser-cart-EnterCouponBox{
/* checkout_form_bg_colour: (1/1) */
background-color:#ffffff;

}
div.ecwid-Checkout-blockTitle,
table.ecwid-Checkout-blockTitle div.gwt-Label,
table.ecwid-Checkout-blockTitle div.gwt-HTML{
/* checkout_form_title_colour: (1/1) */
color:#ffffff;
font-size:30px;
font-family:tahoma, geneva, verdana, sans-serif;

}
tr.ecwid-productBrowser-cart-itemsTable-row-selected,
td.ecwid-productBrowser-cart-itemsTable-cell-selected{
/* checkout_row_hover_bg_colour: (1/1) */
background-color:#1c1c1c;

}
div.ecwid-productBrowser-backgroundedPanel{
/* side_panel_bg_colour: (1/1) */
background-color:#ffffff;

}
.ecwid,
.ecwid ul,
.ecwid ol,
.ecwid dl,
.ecwid ul li,
.ecwid ol li,
.ecwid dl dt,
.ecwid dl dd,
.ecwid hr,
.ecwid blockquote,
.ecwid h1,
.ecwid h2,
.ecwid h3,
.ecwid h4,
.ecwid h5,
.ecwid h6,
.ecwid p,
.ecwid sup,
.ecwid sub,
.ecwid address{
/* default_text: (1/1) */
color:#6b6b6b;
font-size:20px;
font-family:tahoma, geneva, verdana, sans-serif;

}
.ecwid a,
.ecwid a:active,
.ecwid a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.ecwid-results-topPanel div.ecwid-results-topPanel-viewAsPanel-link{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.ecwid-productBrowser-categoryPath a,
div.ecwid-productBrowser-categoryPath a:link,
div.ecwid-productBrowser-categoryPath a:active,
div.ecwid-productBrowser-categoryPath a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
div.popupContent .ecwid a,
div.popupContent .ecwid a:active,
div.popupContent .ecwid a:visited{
/* links_colour: (1/5) */
color:#ff1a1a;

}
span.ecwid-minicart-mini-count{
/* links_colour: (1/5) */
color:#ff1a1a;

}
button.gwt-Button,
#wrapper button.gwt-Button,
div.ecwid-popup button.gwt-Button,
.ecwid .ecwid-btn--secondary{
/* mini_buttons_text_colour: (1/1) */
color:#000000;

}
table.ecwid-productBrowser-cart-estimation,
div.ecwid-productBrowser-cart-asterisk {
display:none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

td.ecwid-productBrowser-productsGrid-cell img {
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

td.ecwid-productBrowser-productsGrid-cell img:hover {
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
}

button.gwt-Button, #wrapper button.gwt-Button {
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
height: 28px;
background-color: #e4e4e4;
padding: 0 15px;
}

button.gwt-Button:active, button.gwt-Button:active,
#wrapper button.gwt-Button:active,
#wrapper button.gwt-Button:active {
background-color: #999999;
}

div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-backgroundedPanel {
min-width:185px;
width:auto;
}

div.ecwid-productBrowser-subcategories-categoryName {
font-size: 29px;
color: black;
}

.ecwid div, .ecwid span, .ecwid a, .ecwid p {
font-family: Tahoma, arial, sans-serif !important;
}[/CODE]

Marina Dryantsova · #2 12-24-2015, 12:13 PM

Добрый день!

Для изменения цвета и размера каждого элемента нужно воспользоваться специальным CSS-кодами, которые нужно вставить в активную CSS-тему в панели управления Эквида - Настройки - Дизайн. Если вы используете одну из предложенных CSS-тем, пожалуйста, создайте дубликат этой темы и добавляйте туда предложенные CSS-коды.

CSS-код для изменения цвета и размера элемента "Размер":

[code]span.ecwid-productBrowser-cart-optionsList-name {
color: red;
font-size: 16px;
}[/code]

Для изменения элемента "L", то есть значения элемента "Размер":

[code]span.ecwid-productBrowser-cart-optionsList-value {
color: red;
font-size: 16px;
}[/code]

"Товар":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-thumbnail {
color: red !important;
font-size: 16px !important;
}[/code]

"Цена":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-price {
color: red !important;
font-size: 16px !important;
}[/code]

"Кол-во":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-qty {
color: red !important;
font-size: 16px !important;
}[/code]

"Итого":

[code]td.ecwid-productBrowser-cart-itemsTable-headerCell.ecwid-productBrowser-cart-itemsTable-headerCell-subtotal {
color: red !important;
font-size: 16px !important;
}[/code]

C такими значениями цвета и размера шрифта в коде страничка будет выглядеть вот так: [url]http://take.ms/cElGn[/url]

Вы можете изменить цвет вместо red и размер (16px) в CSS-коде на нужный. Не забудьте сохранить изменения.

Напишите, пожалуйста, все ли получится?

Спасибо!

Artyom1 · #3 12-25-2015, 11:20 AM

Да, все получилось, спасибо большое
И последнее с чем не получается разобраться:
Как сделать прозрачными светлые фоны в формах оформления заказа и сделать текст внутри них белым?
[IMG]http://s019.radikal.ru/i601/1512/ae/7adcc9e56374.png[/IMG]
[IMG]http://s019.radikal.ru/i638/1512/96/7e830b585ae0.png[/IMG]

Marina Dryantsova · #4 12-25-2015, 03:57 PM

[QUOTE=Artyom1;140997]Да, все получилось, спасибо большое
И последнее с чем не получается разобраться:
Как сделать прозрачными светлые фоны в формах оформления заказа и сделать текст внутри них белым?
[IMG]http://s019.radikal.ru/i601/1512/ae/7adcc9e56374.png[/IMG]
[IMG]http://s019.radikal.ru/i638/1512/96/7e830b585ae0.png[/IMG][/QUOTE]
Здравствуйте!

Попробуйте, пожалуйста, применить вот такой CSS-код для изменения фона блоков и цвета текста на шагах оформления доставки:

[code].ecwid-form {
background: transparent !important;
color: #ffffff;
}
label.ecwid-fieldLabel {
color: #ffffff !important;
}
label.ecwid-fieldLabel {
color: white !important;
}
.gwt-Label {
color: white !important;
}[/code]

Дайте знать, пожалуйста, все ли получилось?

Спасибо!

Artyom1 · #5 12-27-2015, 12:29 AM

[QUOTE=Marina Dryantsova;141019]Здравствуйте!

Попробуйте, пожалуйста, применить вот такой CSS-код для изменения фона блоков и цвета текста на шагах оформления доставки:

[code].ecwid-form {
background: transparent !important;
color: #ffffff;
}
label.ecwid-fieldLabel {
color: #ffffff !important;
}
label.ecwid-fieldLabel {
color: white !important;
}
.gwt-Label {
color: white !important;
}[/code]

Дайте знать, пожалуйста, все ли получилось?

Спасибо![/QUOTE]

Да все, получилось, спасибо!
Осталось только фон формы добавления в корзину на странице товара -
[IMG]http://s018.radikal.ru/i527/1512/f7/b306f6b41311.png[/IMG]

Marina Dryantsova · #6 12-28-2015, 03:48 PM

[QUOTE=Artyom1;141036]Да все, получилось, спасибо!
Осталось только фон формы добавления в корзину на странице товара -
[IMG]http://s018.radikal.ru/i527/1512/f7/b306f6b41311.png[/IMG][/QUOTE]
Здравствуйте!

Чтобы сделать фон правого блока с деталями товара прозрачным, попробуйте воспользоваться вот таким CSS-кодом:

[code].ecwid-productBrowser-backgroundedPanel {
background-color: transparent !important;
}[/code]

Если будут новые вопросы, обязательно пишите! Буду рада вам помочь!

С наступающим Новым годом и отличных продаж с Эквидом! :)

Artyom1 · #7 01-12-2016, 03:15 PM

Спасибо огромное, все получилось. Осталось еще совсем немного вопросов )
Как поменять цвет и размер текста на 1 и 2 фото
И как сделать рекомендуемые товары по центру и можно ли разместить не 2, а 3 товара по середине?
[IMG]http://s017.radikal.ru/i419/1601/66/e84c2a15182a.jpg[/IMG]
[IMG]http://s012.radikal.ru/i319/1601/5a/19b1fdd49c41.jpg[/IMG]
[IMG]http://s017.radikal.ru/i426/1601/1c/346f1804aed6.jpg[/IMG]

Marina Dryantsova · #8 01-13-2016, 01:46 PM

[QUOTE=Artyom1;141570]Спасибо огромное, все получилось. Осталось еще совсем немного вопросов )
Как поменять цвет и размер текста на 1 и 2 фото
И как сделать рекомендуемые товары по центру и можно ли разместить не 2, а 3 товара по середине?
[IMG]http://s017.radikal.ru/i419/1601/66/e84c2a15182a.jpg[/IMG]
[IMG]http://s012.radikal.ru/i319/1601/5a/19b1fdd49c41.jpg[/IMG]
[IMG]http://s017.radikal.ru/i426/1601/1c/346f1804aed6.jpg[/IMG][/QUOTE]
Добрый день!

Попробуйте изменить цвет и размер надписи "Кол-во" с первого скриншота помощью вот такого CSS-кода:

[code].ecwid-productBrowser-details-qtyLabel {
color: red !important;
font-size: 20px !important;
}[/code]

Я вижу на сайте, что выбор параметра размера вы изменили, теперь их можно выбрать из выпадающего списка. Получается, изменять значения параметра не нужно.

Изменить цвет и размер итоговой цены и примерной стоимости доставки в корзине (2 скриншот) можно с помощью вот таких CSS-кодов:

Надпись "Товары":

[code].ecwid-productBrowser-cart-subtotalLabel {
color: aqua !important;
font-size: 20px !important;
}[/code]

Итоговая стоимость товаров:

[code].ecwid-productBrowser-cart-subtotalAmount.notranslate {
color: aqua !important;
font-size: 20px !important;
}[/code]

Надпись "Примерная цена доставки":

[code].ecwid-productBrowser-cart-shippingLabel {
color: aqua !important;
font-size: 20px !important;
}[/code]

Сама цена доставки:

[code].ecwid-productBrowser-cart-shippingAmount.notranslate {
color: aqua !important;
font-size: 20px !important;
}[/code]

"ИТОГО":

[code].ecwid-productBrowser-cart-totalLabel {
color: aqua !important;
font-size: 30px !important;
}[/code]

"Я согласен с..."

[code].ecwid-productBrowser-cart-termsCheckbox {
color: aquamarine;
font-size: 30px !important;
}[/code]

"Содержимое вашей корзины будет храниться...":

[code].ecwid-productBrowser-cart-hint {
color: aqua !important;
font-size: 20px !important;
}[/code]

Связанные товары вы можете настроить так, чтобы отображалось 3 товара и даже больше. Это можно сделать в панели управлении Эквида - Каталог - нужный товар на вкладке Связанные товары.

Скриншот: [url]http://take.ms/PQeOE[/url]

Не забудьте сохранить изменения.

Пишите, если будут новые вопросы. Буду рада вам помочь.

Спасибо!

Artyom1 · #9 01-13-2016, 11:32 PM

Спасибо огромное, теперь намного лучше)
Скажите, пожалуйста, как изменить цвет и размер стрелки переключение фотографии на странице товара и кнопку зума и выхода из режима?
[IMG]http://s020.radikal.ru/i703/1601/66/df8159673dd4.png[/IMG]
[IMG]http://s45.radikal.ru/i109/1601/ed/77033944d769.png[/IMG]

Marina Dryantsova · #10 01-14-2016, 04:20 PM

[QUOTE=Artyom1;141663]Спасибо огромное, теперь намного лучше)
Скажите, пожалуйста, как изменить цвет и размер стрелки переключение фотографии на странице товара и кнопку зума и выхода из режима?
[IMG]http://s020.radikal.ru/i703/1601/66/df8159673dd4.png[/IMG]
[IMG]http://s45.radikal.ru/i109/1601/ed/77033944d769.png[/IMG][/QUOTE]
Здравствуйте!

С изменением стрелок влево/вправо для выбора следующего или предыдущего товара вам поможет наша статья: [url]https://help.ecwid.com/customer/ru/portal/articles/1174599-%D0%9A%D0%B0%D0%BA-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C-%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BA%D0%B8-%D0%B2%D0%BF%D1%80%D0%B0%D0%B2%D0%BE-%D0%B2%D0%BB%D0%B5%D0%B2%D0%BE-[/url]

Кнопку увеличения изображения в галерее и кнопку "Закрыть" можно изменить двумя способами:

1. Сделать светлый фон для кнопок, так они будут заметнее.
Для этого используйте вот такой CSS-кода:

[code].pswp__button {
background-color: white !important;
}[/code]

2. Сделать сами кнопки светлее:

[code].pswp__button {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='264' height='88' viewBox='0 0 264 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5zM13 29v-5h2v3h3v2h-5zm0-14h5v2h-3v3h-2v-5zm18 0v5h-2v-3h-3v-2h5zm0 14h-5v-2h3v-3h2v5zM62 24v5h-2v-3h-3v-2h5zm0-4h-5v-2h3v-3h2v5zm8 0v-5h2v3h3v2h-5zm0 4h5v2h-3v3h-2v-5zM20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66zM111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03zM152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03zM160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z' fill='white'/%3E%3Cpath d='M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z' stroke='white' stroke-width='1.5'/%3E%3Cpath fill='white' d='M150 21h5v1h-5z'/%3E%3Cg%3E%3Cpath d='M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z' fill='white'/%3E%3Cpath d='M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z' stroke='white' stroke-width='1.5'/%3E%3Cpath fill='white' d='M106 21h5v1h-5z'/%3E%3Cpath fill='white' d='M109.043 19.008l-.085 5-1-.017.085-5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}[/code]

Попробуйте оба варианта и решите, какой вам больше подходит. :)

Пишите, пожалуйста, если нужна будет другая помощь.