Сообщений в теме: 6

[Ser]

Добрый день. Подскажите пару моментов.

1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).

2. Как сделать закругления углов на всех рамках фотографий товара.

3. Подскажите где код цвета рамки?

Прикрепленные изображения

• 

[sengun]

Ser (19 Апрель 2014 - 11:07) писал:

Добрый день. Подскажите пару моментов.

1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).

2. Как сделать закругления углов на всех рамках фотографий товара.

3. Подскажите где код цвета рамки?

Здравствуйте.
Чтобы уменьшить указанный отступ, в шаблоне main.css в коде

#content .box .box-content {margin-top: 50px; border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}

удалите

margin-top: 50px;

т.е. получится такая строка

#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}

этот удаленный margin-top был для того, видимо, чтобы описание категории не налазило на спойлер. Но лучше это сделать так:
в шаблоне "Товары" замените

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;" >

на

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer; height: 50px;" >

Чтобы сделать закругления уголков у карточек товаров, в шаблоне main.css замените

  .prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

на

  .prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}

И в этом же коде прописан цвет фона для карточек товаров

background-color:#ffffff

но если его изменить, он также поменяется и у "недавно просмотренных товаров".
Это устроит, или лучше поменять цвет фона только у товаров на главной и в каталоге?

[Ser]

sengun (19 Апрель 2014 - 15:39) писал:

Здравствуйте.
Чтобы уменьшить указанный отступ, в шаблоне main.css в коде

#content .box .box-content {margin-top: 50px; border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}

удалите

margin-top: 50px;

т.е. получится такая строка

#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}

этот удаленный margin-top был для того, видимо, чтобы описание категории не налазило на спойлер. Но лучше это сделать так:
в шаблоне "Товары" замените

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;" >

на

<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer; height: 50px;" >

Чтобы сделать закругления уголков у карточек товаров, в шаблоне main.css замените

.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

на

.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}

И в этом же коде прописан цвет фона для карточек товаров

background-color:#ffffff

но если его изменить, он также поменяется и у "недавно просмотренных товаров".
Это устроит, или лучше поменять цвет фона только у товаров на главной и в каталоге?

Спасибо.

Только мне не закругление углов надо, а обрезать угол с как 1/4 круга на рис нарисовано, получится?

С цветом понял, оставлю белым.

[sengun]

Ser (19 Апрель 2014 - 21:04) писал:

Спасибо.

Только мне не закругление углов надо, а обрезать угол с как 1/4 круга на рис нарисовано, получится?

С цветом понял, оставлю белым.

Обрезать углы как на скриншоте, к сожалению, средствами HTML и CSS не получится.

[Ser]

Добрый день.

Подскажите где находиться код

1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?

2. Название каталога  большого убрать (скрыть)

3. Уменьшить размер этого блока в ширину.

Прикрепленные изображения

• 

Сообщение отредактировал Ser: 25 Апрель 2014 - 07:59

[Ирина345]

Ser (25 Апрель 2014 - 07:58) писал:

Добрый день.

Подскажите где находиться код

1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?

2. Название каталога  большого убрать (скрыть)

3. Уменьшить размер этого блока в ширину.

Добрый день.
1. найдите в main.css  код

.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;}
.breadcrumb a {color: #999999;font-size:10px;}

меняя значение font-size:10px; Вы можете редактировать размер шрифта
2.в HTML  найдите строчку

 <h1 class="heading_title" itemprop="name">

замените

 <h1 class="heading_title" itemprop="name" style=" display: none; ">

3. найдите в main.css код

.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#ffffff;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; } /*фон под Главная » Каталог » Постельное белье по виду ткани » Жаккард*/

редактируя вот это свойство padding:13px 0 15px 0; вы можете менять ширину

[Ser]

Ирина345 (25 Апрель 2014 - 10:28) писал:

Добрый день.
1. найдите в main.css  код

.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;}
.breadcrumb a {color: #999999;font-size:10px;}

меняя значение font-size:10px; Вы можете редактировать размер шрифта
2.в HTML  найдите строчку

 <h1 class="heading_title" itemprop="name">

замените

 <h1 class="heading_title" itemprop="name" style=" display: none; ">

3. найдите в main.css код

.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#ffffff;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; } /*фон под Главная » Каталог » Постельное белье по виду ткани » Жаккард*/

редактируя вот это свойство padding:13px 0 15px 0; вы можете менять ширину

Спасибо все получилось