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


Юзабилити Сайта. Добавить Кнопку Купить

кнопка купить

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

#61 Ильяc

Ильяc

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

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

Отправлено 04 Июнь 2014 - 08:56

Привет! Помогите еще сделать как на картинке
2014-06-04_093647.png

#62 Ильяc

Ильяc

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

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

Отправлено 04 Июнь 2014 - 12:54

Можно сделать как на картинке. На главной странице сами цифры стоимость, например "700" сделать жирным и побольше, надпись "рублей" сделать меньше, не жирной и сократить до "руб"
2014-06-04_093647.png

#63 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Июнь 2014 - 13:01

Просмотр сообщенияИльяc (04 Июнь 2014 - 12:54) писал:

Можно сделать как на картинке. На главной странице сами цифры стоимость, например "700" сделать жирным и побольше, надпись "рублей" сделать меньше, не жирной и сократить до "руб"
Прикрепленный файл 2014-06-04_093647.png

В main.css добавляем:
.num {
font-weight: bold !important;
font-size: 16px;
}

Далее находим:
.goodsListItemBlock a span span {
color: #404040;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

и уменьшаем значение font-size

Далее в шаблоне HTML в нужных блоках находим код:
{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}

и меняем на:
{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT} руб.


#64 Ильяc

Ильяc

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

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

Отправлено 04 Июнь 2014 - 14:07

Просмотр сообщенияMikDark (04 Июнь 2014 - 13:01) писал:

В main.css добавляем:
.num {
font-weight: bold !important;
font-size: 16px;
}

Далее находим:
.goodsListItemBlock a span span {
color: #404040;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

и уменьшаем значение font-size

Далее в шаблоне HTML в нужных блоках находим код:
{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}

и меняем на:
{index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT} руб.

Последнее не получилось поменял на {index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT} руб. Но все равно "рублей" написано. 656 строка

#65 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Июнь 2014 - 15:11

Просмотр сообщенияИльяc (04 Июнь 2014 - 14:07) писал:

Последнее не получилось поменял на {index_page_new_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT} руб. Но все равно "рублей" написано. 656 строка

У Вас код 565-й строке не рабочий, он закомментирован. Смотрите код который ниже. Там несколько строк таких, для каждого блока товаров свой.

#66 Ильяc

Ильяc

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

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

Отправлено 07 Июнь 2014 - 15:12

Здравствуйте возникло 2 проблемы.

1) в оформлении заказа кнопки потеряли стили
123.png

2) когда заходишь в карточку товара в футере 4 столбик перекашивает и попадает под третий
2014-06-07_161038.png

Помогите пожалуйста исправить. Спасибо!

#67 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 07 Июнь 2014 - 16:07

Просмотр сообщенияИльяc (07 Июнь 2014 - 15:12) писал:

Здравствуйте возникло 2 проблемы.

1) в оформлении заказа кнопки потеряли стили
Прикрепленный файл 123.png

2) когда заходишь в карточку товара в футере 4 столбик перекашивает и попадает под третий
Прикрепленный файл 2014-06-07_161038.png

Помогите пожалуйста исправить. Спасибо!

1) Уточните, как кнопки должны выглядеть.
2) У нас отображается блок корректно. Уточните, через какой браузер Вы смотрите.

#68 Ильяc

Ильяc

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

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

Отправлено 07 Июнь 2014 - 20:32

Еще одно, подскажите как сделать форму изменения количества товара как в карточке товара на главной странице тоже

Форма в карточке:
2014-06-07_212133.png

Хочу на главной странице и в категориях вместо этой формы как в карточке товара:
2014-06-07_212249.png

#69 daria_dnk

daria_dnk

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

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

Отправлено 08 Июнь 2014 - 12:26

Просмотр сообщенияИльяc (07 Июнь 2014 - 20:32) писал:

Еще одно, подскажите как сделать форму изменения количества товара как в карточке товара на главной странице тоже

Форма в карточке:
Прикрепленный файл 2014-06-07_212133.png

Хочу на главной странице и в категориях вместо этой формы как в карточке товара:
Прикрепленный файл 2014-06-07_212249.png
Здравствуйте! Вы хотите чтобы количество товара выбиралась стрелками?

#70 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 12:34

Просмотр сообщенияdaria_dnk (08 Июнь 2014 - 12:26) писал:


Здравствуйте! Вы хотите чтобы количество товара выбиралась стрелками?

Да, хочу чтобы стрелками выбиралось. И чтобы так же как в карточке выглядело..аккуратно, красиво

#71 daria_dnk

daria_dnk

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

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

Отправлено 08 Июнь 2014 - 13:32

Просмотр сообщенияИльяc (08 Июнь 2014 - 12:34) писал:

Да, хочу чтобы стрелками выбиралось. И чтобы так же как в карточке выглядело..аккуратно, красиво
Попробуем сделать сначала для Новинок (сначала Вам нужно будет добавить указанный ниже код, затем нужно будет настроить стили, потом внесем изменения в другие разделы товаров). В шаблоне HTML найдите строки
(номера строк 619-621)

<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -18px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
замените их на

<style>

.numeric_input {float:left;

}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);top:15px;left:-13px;
position: relative;
border:none;
}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
</style>


<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>

После того как замените  - напишите нам, необходимо будет настроить стили.

#72 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 14:30

Просмотр сообщенияdaria_dnk (08 Июнь 2014 - 13:32) писал:


Попробуем сделать сначала для Новинок (сначала Вам нужно будет добавить указанный ниже код, затем нужно будет настроить стили, потом внесем изменения в другие разделы товаров). В шаблоне HTML найдите строки
(номера строк 619-621)

<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -18px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
замените их на

<style>

.numeric_input {float:left;

}
.numeric_input div {
float:left;
width:20px;
}
.up_button, .down_button {
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.up_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.jpg); top:6px;
position: relative;
border:none;
}
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);top:15px;left:-13px;
position: relative;
border:none;
}
input.text_q {
float:left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
</style>


<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>

После того как замените  - напишите нам, необходимо будет настроить стили.

Заменил..действительно нужно немного подправить, форма ушла вниз

#73 lew

lew

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

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

Отправлено 08 Июнь 2014 - 14:53

откройте HTML
найдите код
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);top:15px;left:-13px;
position: relative;
border:none;
}
и замените на этот
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 8px;
position: relative;
border:none;
}

потом найдите код
.numeric_input {float:left;

}
и замените на этот
.numeric_input {
float:left;
margin-top: -20px;
}


#74 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 14:59

Просмотр сообщенияlew (08 Июнь 2014 - 14:53) писал:

откройте HTML
найдите код
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);top:15px;left:-13px;
position: relative;
border:none;
}
и замените на этот
.down_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.jpg);
left: -2px;
top: 8px;
position: relative;
border:none;
}

потом найдите код
.numeric_input {float:left;

}
и замените на этот
.numeric_input {
float:left;
margin-top: -20px;
}

Ничего не поменялось

#75 Ирина345

Ирина345

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

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

Отправлено 08 Июнь 2014 - 15:11

Просмотр сообщенияИльяc (08 Июнь 2014 - 14:59) писал:

Ничего не поменялось
Здравствуйте,  ВЫ не выполнили инструкцию для
.numeric_input {float:left;
}


#76 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 15:13

Просмотр сообщенияИльяc (08 Июнь 2014 - 14:59) писал:



Извиняюсь все получилось! В "интересные предложения" тоже так сделать?


#77 Ирина345

Ирина345

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

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

Отправлено 08 Июнь 2014 - 15:22

Просмотр сообщенияИльяc (08 Июнь 2014 - 15:13) писал:

найдите в hTML  строка 813
<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -18px;" maxlength="12" value="1" title="Количество" class="text" />
</div>

замените на
<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>


#78 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 17:35

Просмотр сообщенияИрина345 (08 Июнь 2014 - 15:22) писал:


найдите в hTML  строка 813
<div class="goodsDataMainModificationQuantity" style="float:left;">
<label style="display:none;" for="quantity_wanted"></label><input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;margin-top: -18px;" maxlength="12" value="1" title="Количество" class="text" />
</div>

замените на
<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="up_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="down_button"
onclick="this.parentNode.previousSibling.value--" />
</div>
</div>

форма появилась, но когда нажимаешь на кнопку "купить" ничего не происходит

#79 Ирина345

Ирина345

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

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

Отправлено 08 Июнь 2014 - 17:41

Просмотр сообщенияИльяc (08 Июнь 2014 - 17:35) писал:

форма появилась, но когда нажимаешь на кнопку "купить" ничего не происходит
найдите в 822
<a onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
замените на

<a onclick="$('#goodsListFormId{index_page_new_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={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину">Купить</a>


#80 Ильяc

Ильяc

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

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

Отправлено 08 Июнь 2014 - 17:47

Просмотр сообщенияИрина345 (08 Июнь 2014 - 17:41) писал:


найдите в 822
<a onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
замените на

<a onclick="$('#goodsListFormId{index_page_new_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={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>

не получается..поменял как сказали





Темы с аналогичным тегами кнопка купить

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

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