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


Изменить Страницу Списка Товаров

страница товара

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

#1 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 09:44

Добрый день.
Хочу видоизменить страницу списка товаров, а именно,
1 убрать верхнюю и нижнюю строчки сортировки товара.
2 убрать возможность выбора формы отображения товаров в группе, оставив по умолчанию строчный вид.
3 добавить ниже кнопки  "быстрый заказ" еще одну кнопку  - "уточнить совместимость", нажатие которой переводит на страницу VIN запроса.
4 Какой принцип сортировки товаров в группе стоит по умолчанию?

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

  • 2015-02-14 10-53-39 80 B3 1986 — 1991 - Google Chrome.png


#2 Alekseys

Alekseys

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

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

Отправлено 16 Февраль 2015 - 10:09

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 09:44) писал:

Добрый день.
Хочу видоизменить страницу списка товаров, а именно,
1 убрать верхнюю и нижнюю строчки сортировки товара.
2 убрать возможность выбора формы отображения товаров в группе, оставив по умолчанию строчный вид.
3 добавить ниже кнопки  "быстрый заказ" еще одну кнопку  - "уточнить совместимость", нажатие которой переводит на страницу VIN запроса.
4 Какой принцип сортировки товаров в группе стоит по умолчанию?
Здравствуйте.
1. В style.css замените
.toolbar {
border: 1px solid #cdcdcd;
padding: 15px;
margin: 5px 0 5px 0;
}
на
.toolbar {
border: 1px solid #cdcdcd;
padding: 15px;
margin: 5px 0 5px 0;
display: none;
}
3. В шаблоне Товары перед всеми строками
<!-- Если есть возможность добавить товар в избранное -->
добавьте
<a class="VIN" title="" href="http://stupod.ru/page/VIN-Zapros">УТОЧНИТЬ СОВМЕСТИМОСТЬ</a>
и в конец style.css добавьте
.VIN {
background: #d11717 !important;
color: #fff!important;
padding: 10px 5px;
text-decoration: none;
cursor: pointer;
font-size: 12px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.VIN:hover {
background-color: #ff0000 !important;
}


#3 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 13:25

Спасибо. Кнопку немного нужно подправить.. Строчку "Добавить в избранное" нужно снизить. может имеет смысл "уточнить совместимость"  написать в две строчки?На смартфоне одна кнопка сбоку, другая по центру.
А можно кнопку "проверить совместимость" на страницу товара продублировать?
Какой принцип сортировки товаров.?

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

  • 2015-02-16 14-16-31 2015-02-16 14-04-29 80 B3 1986 — 1991 - Google Chrome.png - paint.net версия 4.0.4.png


#4 Alekseys

Alekseys

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

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

Отправлено 16 Февраль 2015 - 14:20

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 13:25) писал:

Спасибо. Кнопку немного нужно подправить.. Строчку "Добавить в избранное" нужно снизить. может имеет смысл "уточнить совместимость"  написать в две строчки?На смартфоне одна кнопка сбоку, другая по центру.
А можно кнопку "проверить совместимость" на страницу товара продублировать?
Какой принцип сортировки товаров.?
В main.css замените
.buy_button, .buy_submit, .paymentFormSubmitLink {
text-decoration: none !important;
outline: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
background: #d11717 !important;
color: #fff!important;
border: none !important;
min-height: 14px;
overflow: hidden !important;
text-align: center !important;
line-height: 16px;
text-transform: uppercase;
padding: 10px 15px;
cursor: pointer;
font-family: Calibri !important;
font-size: 12px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
на
.buy_button, .buy_submit, .paymentFormSubmitLink {
text-decoration: none !important;
outline: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
background: #d11717 !important;
color: #fff!important;
border: none !important;
min-height: 14px;
overflow: hidden !important;
text-align: center !important;
line-height: 16px;
text-transform: uppercase;
padding: 10px 37px;
cursor: pointer;
font-family: Calibri !important;
font-size: 12px;
font-weight: bold !important;
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
и добавьте
.wishlist.add_to_wishlist_small_text {
margin-top: 15px;
}


#5 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 15:10

В main.css у меня нет, в style.css этого нет.

#6 Alekseys

Alekseys

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

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

Отправлено 16 Февраль 2015 - 15:25

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 15:10) писал:

В main.css у меня нет, в style.css этого нет.
В style.css 161-ая строка.

#7 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 16:16

изменилось только ширина красного поля, и сдвинулась строчка добавить в избранное.
1.В телефоне также поля стоят - Быстрый заказ в центре, а проверить совместимость сбоку.
2.Как насчет добавить кнопку "проверить совместимость" в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 Мне нужна обратная сортировка товаров в группе, если по умолчанию, как предполагаю стоит сортировка по алфавиту от А до Я

#8 Ирина345

Ирина345

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

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

Отправлено 16 Февраль 2015 - 17:14

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 16:16) писал:

изменилось только ширина красного поля, и сдвинулась строчка добавить в избранное.
1.В телефоне также поля стоят - Быстрый заказ в центре, а проверить совместимость сбоку.
2.Как насчет добавить кнопку "проверить совместимость" в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 Мне нужна обратная сортировка товаров в группе, если по умолчанию, как предполагаю стоит сортировка по алфавиту от А до Я
Здравствуйте,
Найдите в style.css
.product-list2 .main_general .product {
display: block;
float: none;
height: 66px;
margin: 0;
min-height: 50px;
padding: 10px;
width: auto;
}
замените на

.product-list2 .main_general .product {
display: block;
float: none;
height:220px;
margin: 0;
min-height: 50px;
padding: 10px;
width: auto;
}

далее найдите

.main_general {
display: inline-block;
float: left;
height: 89px;
margin: 0.5%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 23%;
}
замените на

.main_general {
display: inline-block;
float: left;
height: 220px;
margin: 0.5%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 23%;
}


#9 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 18:45

что должно было измениться, может я что  то не так сделал.?

#10 Ирина345

Ирина345

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

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

Отправлено 16 Февраль 2015 - 20:43

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 18:45) писал:

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

#11 Владимир Ал

Владимир Ал

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

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

Отправлено 16 Февраль 2015 - 21:42

1.В телефоне также поля стоят - Быстрый заказ в центре, а проверить совместимость сбоку.
2.Как насчет добавить кнопку "проверить совместимость" также в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 Мне нужна обратная сортировка товаров в группе, если по умолчанию, как предполагаю стоит сортировка по алфавиту от А до Я

#12 Владимир Ал

Владимир Ал

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

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

Отправлено 21 Февраль 2015 - 10:40

Просмотр сообщенияВладимир Ал (16 Февраль 2015 - 21:42) писал:

1.В телефоне также поля стоят - Быстрый заказ в центре, а проверить совместимость сбоку.
2.Как насчет добавить кнопку "проверить совместимость" также в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 Мне нужна обратная сортировка товаров в группе, если по умолчанию, как предполагаю стоит сортировка по алфавиту от А до Я

Настройка очень нужна!!!!

#13 Ирина345

Ирина345

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

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

Отправлено 21 Февраль 2015 - 13:00

Просмотр сообщенияВладимир Ал (21 Февраль 2015 - 10:40) писал:

Настройка очень нужна!!!!
Здравствуйте, уточните на скриншоте, что именно и как должно отображаться.

#14 Владимир Ал

Владимир Ал

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

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

Отправлено 21 Февраль 2015 - 18:20

В  телефоне  Быстрый заказ в центре, а проверить совместимость сбоку.
надо сделать одинаковые поля как по размерам , так и по центрированию.  Оставить между ними чуть больше пространства.
На компьютере все правильно.

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

  • 2015-02-21 18-18-21 Screenshot_2015-02-16-13-08-56 - Средство просмотра фотографий Windows.png


#15 Ирина345

Ирина345

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

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

Отправлено 21 Февраль 2015 - 20:13

Просмотр сообщенияВладимир Ал (21 Февраль 2015 - 18:20) писал:

В  телефоне  Быстрый заказ в центре, а проверить совместимость сбоку.
надо сделать одинаковые поля как по размерам , так и по центрированию.  Оставить между ними чуть больше пространства.
На компьютере все правильно.
Найдите в шаблоне Товары код
                
			 </form>
 <a class="VIN" title="" href="http://stupod.ru/page/VIN-Zapros">УТОЧНИТЬ СОВМЕСТИМОСТЬ</a>
  
замените на
 </br>		</br>   <a class="VIN" title="" href="http://stupod.ru/page/VIN-Zapros">УТОЧНИТЬ СОВМЕСТИМОСТЬ</a>
				 
			 </form>
  
далее найдите в style.css

@media only screen and (max-width: 1200px){
.main_general {
height: 90px;
margin-bottom: 10px;
margin-left: 25px;
}

.product-list2 .main_general .product {
  height: 70px;
}

замените на




@media only screen and (max-width: 1200px){
.main_general {
height: 231px;
margin-bottom: 10px;
margin-left: 25px;
}
.product-list2 .main_general .product {
  height: 214px;
}


#16 Владимир Ал

Владимир Ал

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

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

Отправлено 21 Февраль 2015 - 21:29

<a class="VIN" title="" href="http://stupod.ru/pag...apros">УТОЧНИТЬ СОВМЕСТИМОСТЬ</

встречается три раза, в котором или в каждом делать изменения

#17 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 22 Февраль 2015 - 11:06

Просмотр сообщенияВладимир Ал (21 Февраль 2015 - 21:29) писал:

<a class="VIN" title="" href="http://stupod.ru/pag...apros">УТОЧНИТЬ СОВМЕСТИМОСТЬ</

встречается три раза, в котором или в каждом делать изменения
Здравствуйте.
Вам нужно заменить данный код в каждом из трёх мест в шаблоне Товары.

#18 Владимир Ал

Владимир Ал

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

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

Отправлено 23 Февраль 2015 - 16:57

2.Как насчет добавить кнопку "проверить совместимость" в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 как реализовать сортировку товаров группе по умолчанию, если там сейчас стоит сортировка от А до Я, то мне нужно изменить от Я до А

#19 Владимир Ал

Владимир Ал

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

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

Отправлено 26 Февраль 2015 - 16:06

Просмотр сообщенияВладимир Ал (23 Февраль 2015 - 16:57) писал:

2.Как насчет добавить кнопку "проверить совместимость" в саму  карточку товара  между строчкой "купить" и "добавить в избранное"
3 как реализовать сортировку товаров группе по умолчанию, если там сейчас стоит сортировка от А до Я, то мне нужно изменить от Я до А
поможете?!?

#20 Danil

Danil

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

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

Отправлено 26 Февраль 2015 - 17:19

Просмотр сообщенияВладимир Ал (26 Февраль 2015 - 16:06) писал:

поможете?!?
3) Чтобы изменить сортировку по умолчанию, вам нужно зайти в раздел настройки-Основные-Товары-"Поле сортировки товаров по умолчанию" и установить нужную вам сортировку.





Темы с аналогичным тегами страница товара

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

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