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


Отображение Товара Списком


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

#21 VID61

VID61

    Пользователь

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

Отправлено 06 Январь 2015 - 12:37

 Ирина345 (06 Январь 2015 - 10:49) писал:

Здравствуйте, найдите в файле style.css
#product-recent li {
height: 140px;
}
замените на


#product-recent li {
/* height: 140px; */
}


Добрый день.
Изменения произвел - отображение товаров Вы смотрели, теперь в норме.

Необходимо при отображении товаров списком - цену поставить рядом а не над кнопкой купить.

#22 Ирина345

Ирина345

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

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

Отправлено 06 Январь 2015 - 12:59

 VID61 (06 Январь 2015 - 12:37) писал:

Добрый день.
Изменения произвел - отображение товаров Вы смотрели, теперь в норме.

Необходимо при отображении товаров списком - цену поставить рядом а не над кнопкой купить.
Найдите в style.css
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 200px;
padding-left: 20px;
border-left: solid 1px #ccc;
}
замените на


.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 303px;
padding-left: 20px;
border-left: solid 1px #ccc;
}



#23 VID61

VID61

    Пользователь

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

Отправлено 06 Январь 2015 - 14:23

Благодарю. все получилось.
Помогите пожалуйста решить еще несколько вопросов.

1. Колонки: артикул, наименование, и кол-во - выровнять по центру.

2.  максимально сузить колонки (по высоте текста)

3. Вместо кнопки "быстрый заказ" вставить свою картинку

4. Сузить колонку цена товара.

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

  • Безымянный.png


#24 Ирина345

Ирина345

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

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

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

 VID61 (06 Январь 2015 - 14:23) писал:

Благодарю. все получилось.
Помогите пожалуйста решить еще несколько вопросов.

1. Колонки: артикул, наименование, и кол-во - выровнять по центру.

2.  максимально сузить колонки (по высоте текста)

3. Вместо кнопки "быстрый заказ" вставить свою картинку

4. Сузить колонку цена товара.
1. найдите в шаблоне Товары код
  
 <div style="width:100px; display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>		
  
        замените на

  
 <div style="width:100px; display: table-cell; text-align: center;vertical-align: middle;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>		
          
далее найдите в style.css

.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 0 10px 0 0;}
замените на
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 25px 10px 0 0;text-align: center;vertical-align: middle;}
найдите

.rest {
float: right;
width: 44px;
border-left: solid 1px #ccc;
height: 79px;
padding-left: 21px;
}
замените на

.rest {
float: right;
width: 44px;
border-left: solid 1px #ccc;
height: 79px;
padding-left: 21px;
padding-top: 25px;
}

3 найдите в 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: url('ссылка на вашу картинку') !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);}
не забудьте вставить ссылку на вашу картинку

#25 VID61

VID61

    Пользователь

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

Отправлено 06 Январь 2015 - 17:43

Изменения произвел.

1. Картинка так и не появилась.
2. Наименование товара не отображается по центру относительно высоты ячейки.
3.  максимально сузить колонки (по высоте текста)
4. Сузить колонку цена товара.

#26 Ирина345

Ирина345

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

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

Отправлено 06 Январь 2015 - 18:18

 VID61 (06 Январь 2015 - 17:43) писал:

Изменения произвел.

1. Картинка так и не появилась.
2. Наименование товара не отображается по центру относительно высоты ячейки.
3.  максимально сузить колонки (по высоте текста)
4. Сузить колонку цена товара.
1. найдите в 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: url('[url="http://st.storeland.net/7/1541/989/korzina.png"]http://st.storeland....989/korzina.png[/url]') !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:#1C4FAD url('[url="http://st.storeland.net/7/1541/989/korzina.png"]http://st.storeland....989/korzina.png[/url]') no-repeat 0px;background-size: 42px;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);}

цвет фона это
#1C4FAD
3 найдите
<div class="product-price" style="float:left;width: 120px;border-right: solid 1px #ccc;height: 79px;">
  
замените на

<div class="product-price" style="float:left;width: 73px;border-right: solid 1px #ccc;height: 79px;">
в style.css

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 305px;
padding-left: 20px;
border-left: solid 1px #ccc;
}
замените на

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 305px;
border-left: solid 1px #ccc;
}


#27 VID61

VID61

    Пользователь

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

Отправлено 06 Январь 2015 - 21:52

 Ирина345 (06 Январь 2015 - 18:18) писал:

1. найдите в 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: url('[url="http://st.storeland.net/7/1541/989/korzina.png"]http://st.storeland....989/korzina.png[/url]') !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:#1C4FAD url('[url="http://st.storeland.net/7/1541/989/korzina.png"]http://st.storeland....989/korzina.png[/url]') no-repeat 0px;background-size: 42px;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);}

цвет фона это
#1C4FAD
3 найдите
<div class="product-price" style="float:left;width: 120px;border-right: solid 1px #ccc;height: 79px;">
  
замените на

<div class="product-price" style="float:left;width: 73px;border-right: solid 1px #ccc;height: 79px;">
в style.css

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 305px;
padding-left: 20px;
border-left: solid 1px #ccc;
}
замените на

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {
float: right;
width: 305px;
border-left: solid 1px #ccc;
}

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

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


1.  Довести до конца разделяющие линии, которые разделяют цену товара.
2. Сделать выравнивание автоматически всего товара относительно высоты ячейки!
3. Вставить рисунок корзины (уже загружен на сайт) вместо кнопки "Быстрый заказ"
4. Сузить высоту ячеек товара до 2 строчек.

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

  • Безымянный.png


#28 Danil

Danil

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

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

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

 VID61 (06 Январь 2015 - 21:52) писал:

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

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


1.  Довести до конца разделяющие линии, которые разделяют цену товара.
2. Сделать выравнивание автоматически всего товара относительно высоты ячейки!
3. Вставить рисунок корзины (уже загружен на сайт) вместо кнопки "Быстрый заказ"
4. Сузить высоту ячеек товара до 2 строчек.
Здравствуйте.
Частично изменения были внесены, проверьте.
Так же пришлите название изображения корзины.

#29 VID61

VID61

    Пользователь

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

Отправлено 14 Январь 2015 - 23:39

 Danil (09 Январь 2015 - 11:10) писал:

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

Добрый вечер.
Вот название изображения корзины korzina.png
Большое спасибо за изменения, почти то что нужно.

Вот еще несколько вопросов по отображению списком.
1. Как сделать чтоб категории товаров по умолчанию отображались списком и удалить кнопки с возможностью переключить на отображением таблицей.
2. При использовании поиска на сайте неправильное отображение товаров, все съезжает, как сделать чтоб результат выводился как при отображении списком.

#30 Danil

Danil

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

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

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

 VID61 (14 Январь 2015 - 23:39) писал:

Добрый вечер.
Вот название изображения корзины korzina.png
Большое спасибо за изменения, почти то что нужно.

Вот еще несколько вопросов по отображению списком.
1. Как сделать чтоб категории товаров по умолчанию отображались списком и удалить кнопки с возможностью переключить на отображением таблицей.
2. При использовании поиска на сайте неправильное отображение товаров, все съезжает, как сделать чтоб результат выводился как при отображении списком.
Здравствуйте.
Изменения произвели, проверьте.

#31 VID61

VID61

    Пользователь

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

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

 Danil (17 Январь 2015 - 10:09) писал:

Здравствуйте.
Изменения произвели, проверьте.

Добрый день.
Товар отображается таблицей, а не списком.

#32 Danil

Danil

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

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

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

 VID61 (17 Январь 2015 - 16:38) писал:

Добрый день.
Товар отображается таблицей, а не списком.
На данный момент товары в каталоге и в результатах поиска отображаются списком.
Попробуйте почистить кэш и зайти с другого браузера.

#33 VID61

VID61

    Пользователь

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

Отправлено 18 Январь 2015 - 22:30

Благодарю за помощь.
Действительно в Windows отображается списком.
Странно что в Linux в любом из браузеров отображается таблицей.




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

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