Перейти к содержимому


Корректировки Дизайна

Автор yamamoto, 13 марта 2014 11:53

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 106

#61 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 24 Октябрь 2014 - 11:44

Просмотр сообщенияСake (24 Октябрь 2014 - 00:36) писал:

Вам необходимо дополнительно в файл main.js добавить код

$(function () {
$('.qty-plus').click(function () {
var
quantity = $(this).parent().find('.quantity'),
currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal)) {
	 quantity.val(currentVal + 1);
	 quantity.trigger('keyup');
}
return false;
});
$('.qty-minus').click(function () {
var
quantity = $(this).parent().find('.quantity'),
currentVal = parseInt(quantity.val())
;
if (!isNaN(currentVal) && !(currentVal <= 1)) {
	 quantity.val(currentVal - 1);
	 quantity.trigger('keyup');
}
return false;
});
});


добавила. все равно не работает

#62 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Октябрь 2014 - 16:47

Просмотр сообщенияАлена К (24 Октябрь 2014 - 11:44) писал:

добавила. все равно не работает
Здравствуйте, не вижу произведенных изменений согласно инструкции выше.

#63 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 00:49

Просмотр сообщенияИрина345 (24 Октябрь 2014 - 16:47) писал:

Здравствуйте, не вижу произведенных изменений согласно инструкции выше.

я вставила код в файл main.css   в самый низ.

#64 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Октябрь 2014 - 00:59

Просмотр сообщенияАлена К (25 Октябрь 2014 - 00:49) писал:

я вставила код в файл main.css   в самый низ.

Пожалуйста, выполняйте инструкции внимательнее. Вам необходимо было вставить код в файл main.js, в файл main.css вставляются только стили. Обратите внимание на расширение файла .css и .js в инструкции.

#65 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 01:24

Просмотр сообщенияСake (25 Октябрь 2014 - 00:59) писал:

Пожалуйста, выполняйте инструкции внимательнее. Вам необходимо было вставить код в файл main.js, в файл main.css вставляются только стили. Обратите внимание на расширение файла .css и .js в инструкции.

спасибо большое

#66 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 01:33

Просмотр сообщенияVaccina (22 Октябрь 2014 - 06:22) писал:


5.
<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
замените на:
<a class="readmore buy" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
далее в main.css добавьте в самый низ:
.buy{
width:150px;
height:30px;
}
далее в этом блоке стилей можете подкорректировать необходимый размер



но еще осталась кнопка "купить" мне нужно ее в длину подкорректировать... не получается

#67 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Октябрь 2014 - 01:42

Просмотр сообщенияАлена К (25 Октябрь 2014 - 01:33) писал:

но еще осталась кнопка "купить" мне нужно ее в длину подкорректировать... не получается

Длина кнопки регулируется свойством width в ранее добавленном вами классе (файл main.css)

.buy{
  width:150px;
  height:30px;
}

Увеличивайте или уменьшайте значение 150px

#68 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 11:49

Просмотр сообщенияСake (25 Октябрь 2014 - 01:42) писал:

Длина кнопки регулируется свойством width в ранее добавленном вами классе (файл main.css)

.buy{
width:150px;
height:30px;
}

Увеличивайте или уменьшайте значение 150px


да, да я поняла. но к сожалению не меняется присваиваю значение и 10 и 70 или 100. а размер не изменяется

#69 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 25 Октябрь 2014 - 11:58

Просмотр сообщенияАлена К (25 Октябрь 2014 - 11:49) писал:

да, да я поняла. но к сожалению не меняется присваиваю значение и 10 и 70 или 100. а размер не изменяется
Замените код:

.buy{
width:150px;
height:30px;
}

на

.buy{
width:150px !important;
height:30px !important;
}

#70 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 14:42

Просмотр сообщенияDars (25 Октябрь 2014 - 11:58) писал:

Замените код:

.buy{
width:150px;
height:30px;
}

на

.buy{
width:150px !important;
height:30px !important;
}


так при изменении кнопка выглядит как отрезанная просто. так не подходит... и окошко с количеством нужно чтоб рядом с "купить " стояло
2014-10-25 15-40-15 Скриншот экрана.png

#71 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 25 Октябрь 2014 - 15:09

Просмотр сообщенияАлена К (25 Октябрь 2014 - 14:42) писал:

так при изменении кнопка выглядит как отрезанная просто. так не подходит... и окошко с количеством нужно чтоб рядом с "купить " стояло
Прикрепленный файл 2014-10-25 15-40-15 Скриншот экрана.png
Чтобы кнопка выглядела не обрезанной, отредактируйте по ширине ее изображение в файле read_more2.png
затем, в main.css замените 
.buy{
width:150px !important;
height:30px !important;
}
на 
.buy {
float: left;
width: 109px !important;
height: 30px !important;
}
длина отредактированной кнопки должна быть не больше 109px.

#72 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 15:49

Просмотр сообщенияAnnaM (25 Октябрь 2014 - 15:09) писал:

Чтобы кнопка выглядела не обрезанной, отредактируйте по ширине ее изображение в файле read_more2.png
затем, в main.css замените 
.buy{
width:150px !important;
height:30px !important;
}
на 
.buy {
float: left;
width: 109px !important;
height: 30px !important;
}
длина отредактированной кнопки должна быть не больше 109px.


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

скрины прикрепила
2014-10-25 16-46-41 Скриншот экрана.png 2014-10-25 16-47-22 Скриншот экрана.png

#73 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 25 Октябрь 2014 - 16:00

Просмотр сообщенияАлена К (25 Октябрь 2014 - 15:49) писал:

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

скрины прикрепила
Прикрепленный файл 2014-10-25 16-46-41 Скриншот экрана.pngПрикрепленный файл 2014-10-25 16-47-22 Скриншот экрана.png
замените 
.buy {
float: left;
width: 94px !important;
height: 24px !important;
}
на 
.buy {
float: left;
width: 109px !important;
height: 24px !important;
}

#74 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 16:56

Просмотр сообщенияAnnaM (25 Октябрь 2014 - 16:00) писал:

замените 
.buy {
float: left;
width: 94px !important;
height: 24px !important;
}
на 
.buy {
float: left;
width: 109px !important;
height: 24px !important;
}


заменила
2014-10-25 17-54-39 Скриншот экрана.png

#75 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 25 Октябрь 2014 - 17:07

Просмотр сообщенияАлена К (25 Октябрь 2014 - 16:56) писал:

заменила
Прикрепленный файл 2014-10-25 17-54-39 Скриншот экрана.png
Здравствуйте. В main.css замените
.goodsListItemName {
padding: 0px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
}
на
.goodsListItemName {
padding: 0px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
height: 3em;
}
затем
.goodsListItemPriceNew {
width: 50%;
float: left;
tex-align: left;
}
замените на
.goodsListItemPriceNew {
width: 50%;
float: left;
tex-align: left;
margin-bottom: 5px;
}
и добавьте
input.quantity {
margin-top: 10px;
}

#76 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 17:18

Просмотр сообщенияAlekseys (25 Октябрь 2014 - 17:07) писал:

Здравствуйте. В main.css замените
.goodsListItemName {
padding: 0px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
}
на
.goodsListItemName {
padding: 0px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
height: 3em;
}
затем
.goodsListItemPriceNew {
width: 50%;
float: left;
tex-align: left;
}
замените на
.goodsListItemPriceNew {
width: 50%;
float: left;
tex-align: left;
margin-bottom: 5px;
}
и добавьте
input.quantity {
margin-top: 10px;
}

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

#77 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 25 Октябрь 2014 - 17:19

Просмотр сообщенияАлена К (25 Октябрь 2014 - 17:18) писал:

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

#78 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 17:28

Просмотр сообщенияAlekseys (25 Октябрь 2014 - 17:19) писал:

Уточните пожалуйста, в каком браузере наблюдается данная проблема.


вот так выглядит в Explorer
2014-10-25 18-25-34 Скриншот экрана.png


а вот так в Яндекс Хром
2014-10-25 18-26-08 Скриншот экрана.png

#79 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Октябрь 2014 - 18:03

Просмотр сообщенияАлена К (25 Октябрь 2014 - 17:28) писал:

вот так выглядит в Explorer
Прикрепленный файл 2014-10-25 18-25-34 Скриншот экрана.png


а вот так в Яндекс Хром
Прикрепленный файл 2014-10-25 18-26-08 Скриншот экрана.png
Найдите в hTML 
<meta http-equiv="X-UA-Compatible" content="IE=7" />
и удалите

#80 Алена К

Алена К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 25 Октябрь 2014 - 18:54

Просмотр сообщенияИрина345 (25 Октябрь 2014 - 18:03) писал:

Найдите в hTML 
<meta http-equiv="X-UA-Compatible" content="IE=7" />
и удалите

удалила. спасибо. не помогло...


но подставила пробелы в строку "цена за", она подрастянулась и стало вмещаться все.

спасибо всем за помощь. очень очень выручили!!! теперь буду заниматься раскруткой своего сайта

спасибо большое
Обратно в Общие вопросы


Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy