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

[L.V]

Добрый день уточните пожалуйста как увиличить размер выводимого на экран изображения до необходимого
чтоб было понятно выставляю скрин фактического размера сейчас и необходимого на сайте в соотношении 1к1
и еще малюсенький вопросик как убрать рамку товара вообще и везде.
большое спасибо за уделенное мне время

[Koderhan]

Изменить размеры изображений в каталоге товаров можно в основных настройках.
"Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений" Желательно чтобы размеры загружаемых изображений были не меньше чем указано в основных настройках.
Для удаления бордюра у товара.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

/* Рамка для интерактивных элементов */
.withBorder						 {border:1px solid #008080 !important;}
.withBorder:hover				   {border-color:#505050!important;}

Заменить:

/* Рамка для интерактивных элементов */
.withBorder						 {}
.withBorder:hover				   {}

[L.V]

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

[L.V]

и еще один вопрос цвета в подвале шрифта искать со словом футер в майн сс?

[L.V]

Изображения товаров
? Максимальный размер по высоте/ширине в пикселях для иконок
? Максимальный размер по высоте/ширине в пикселях для маленьких изображений
? Максимальный размер по высоте/ширине в пикселях для средних изображений
? Максимальный размер по высоте/ширине в пикселях для больших изображений
? Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений
Изображения категорий
? Максимальный размер по высоте/ширине в пикселях для иконок
? Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории
? Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений

----------------------------
что бы я не делала ничего не меняется

[L.V]

ДОШЛО)

[ne_yana]

L.V (02 Декабрь 2013 - 15:52) писал:

ДОШЛО)

Здравствуйте, уточните, пожалуйста, какие из вопросов еще актуальны.

[L.V]

Теперь есть новый вопрос еще страшнее первого) как установить подобную кнопку а главное где прописать код , интересует 5 вариант кнопки только установить ее нужно в карточку товара (ну в ту где описание) со словом купить

[Vaccina]

Добавьте в файл стилей main.css

.back {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
counter-increment: bc;
}
.button_base {
margin: 0;
border: 0;
font-size: 18px;
position: relative;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -100px;
width: 200px;
height: 50px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
cursor: default;
}
.button_base:hover {
cursor: pointer;
}
 
.b05_3d_roll {
perspective: 500px;
-webkit-perspective: 500px;
-moz-perspective: 500px;
}
.b05_3d_roll div {
position: absolute;
text-align: center;
width: 100%;
height: 50px;
padding: 10px;
border: #E315EA solid 1px;
pointer-events: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.b05_3d_roll div:nth-child(1) {
color: #A3009D;
background: #e570e7;
background: -moz-linear-gradient(top,  #e570e7 0%, #c85ec7 47%, #a849a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3));
background: -webkit-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -o-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -ms-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: linear-gradient(to bottom,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 );
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}
 
.b05_3d_roll div:nth-child(1) a {
color: #A3009D;
text-decoration: none;
}
.b05_3d_roll div:nth-child(2) {
color: #A3009D;
background-color: #ffffff;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}
.b05_3d_roll div:nth-child(2) a {
color: #A3009D;
text-decoration: none;
}
.b05_3d_roll:hover div:nth-child(1) {
color: #ffffff;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
}
.b05_3d_roll:hover div:nth-child(1) a {
color: #ffffff;
}
.b05_3d_roll:hover div:nth-child(2) {
background: #e570e7;
background: -moz-linear-gradient(top,  #e570e7 0%, #c85ec7 47%, #a849a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3));
background: -webkit-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -o-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -ms-linear-gradient(top,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: linear-gradient(to bottom,  #e570e7 0%,#c85ec7 47%,#a849a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 );
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
}

после в шаблоне "Товар" найдите код

<a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />

и замените его на

<div class="back">
  <div class="button_base b05_3d_roll">
   <div><a onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></div>
   <div><a onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></div>
  </div>
</div>

[L.V]

Огромное вам спасибо шикарная кнопочка!
но не переходит то есть товар не добовляет в корзину



Пыталась сама ее уменьшить в размерах и поменять расцветку но что то не срослось ,  не сочтите за труд помогите

мои основные цвета
BE9E4C- латунный на него хотелось бы и заменить сереневый

[miyako]

Найдите в main.css -

.b05_3d_roll div:nth-child(1) {
color: #A3009D;
background: #e570e7;
background: -moz-linear-gradient(top, #e570e7 0%, #c85ec7 47%, #a849a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3));
background: -webkit-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -o-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -ms-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: linear-gradient(to bottom, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 );
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}

и замените на  -

.b05_3d_roll div:nth-child(1) {
color: #BE9E4C;
background: #BE9E4C;
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}

Затем найдите код -

.b05_3d_roll div {
position: absolute;
text-align: center;
width: 100%;
height: 50px;
padding: 10px;
border: #E315EA solid 1px;
pointer-events: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

и замените на -

.b05_3d_roll div {
position: absolute;
text-align: center;
width: 60%;
height: 50px;
padding: 10px;
border: #BE9E4C solid 1px;
pointer-events: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

width: 60%; - изменили также ширину

Затем найдите код -

.b05_3d_roll div:nth-child(1) a {
color: #A3009D;
text-decoration: none;
}

и замените на -

.b05_3d_roll div:nth-child(1) a {
color: #BE9E4C;
text-decoration: none;
}

[L.V]

спасибо! пока не получается заменить второй фиолетовый цвет и все же она большевата по высоте ))) немного) и не переносит товар в корзину

/* ### ### ### 01 */
.b01_simple_rollover {
color: #505050;
border: #d8a903 solid 1px;
padding: 10px;
background-color: #ffffff;
}
а этот код не лишний? за что он отвечает у вас в коде его нет,  возможно я этот кусок случайно туда вставила вчера

[miyako]

L.V (03 Декабрь 2013 - 08:18) писал:

спасибо! пока не получается заменить второй фиолетовый цвет и все же она большевата по высоте ))) немного) и не переносит товар в корзину

/* ### ### ### 01 */
.b01_simple_rollover {
color: #505050;
border: #d8a903 solid 1px;
padding: 10px;
background-color: #ffffff;
}
а этот код не лишний? за что он отвечает у вас в коде его нет,  возможно я этот кусок случайно туда вставила вчера

Нашла у Вас ошибку. Найдите код в шаблоне HTML -

<link rel="stylesheet" href="css/styles.css" type="text/css" />

и удалите.

Код -

.b01_simple_rollover {
color: #505050;
border: #d8a903 solid 1px;
padding: 10px;
background-color: #ffffff;
}

точно не могу сказать за что он отвечает, можете его удалить.

[L.V]

появились три ошибки

я сейчас попробую вернуть старый бейкап и еще раз все повторить пошагам

<link rel="stylesheet" href="css/styles.css" type="text/css" />
получается удаление этой строки ведет к трем ошибкам

[L.V]

теперь стало еще хуже вчера мне как то удалось выравнять фото (( а теперь я все потеряла

[L.V]

как же теперь быть я все повторила ,  если удалить <link rel="stylesheet" href="css/styles.css" type="text/css" />,  возникают ошибки
кнопка хорошая но не переходит в окно всплывыющее, в принципе этого и не нужно главное чтоб добавлялось в корзину

[Vaccina]

Найдите в main.css примерно сл.код:

.b05_3d_roll:hover div:nth-child(2) {
background: linear-gradient(to bottom, #E570E7 0%, #C85EC7 47%, #A849A3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
transform: rotateX(-90deg);
transition: all 0.2s ease 0s;
}

ищите по строке .b05_3d_roll:hover div:nth-child(2) и удалите background со значением, тогда не будет более фиолетового цвета

Еслив в шаблоне товар:

<div class="back">
  <div class="button_base b05_3d_roll">
   <div><a onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></div>
   <div><a onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></div>
  </div>
</div>

заменить на:

<div class="back">
  <div class="button_base b05_3d_roll" onclick="$('.goodsDataForm').submit(); return false;">
   <div><a title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></div>
   <div><a title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a></div>
  </div>
</div>

.

[L.V]

Большое спасибо я не стала удалять значение а заменила все цвета на свой) огромное спасибо! кнопка очень красивая  и интересная !

[sibulba]

Скиньте ссылку в лс на это погляжу