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


Как Изменить Форму Вывода Списка Товара В Каталоге?


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

#21 Levchik

Levchik

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

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

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

Просмотр сообщенияИрина345 (09 Апрель 2015 - 15:27) писал:

Произведите изменения на 115 строке
О каких изображениях идет речь, уточните.

Не совсем понял. Про какие изображения надо уточнить, откуда это?

вот в этом сообщении описания оставшихся проблем
http://forum.storela...ал/#entry194121

#22 Levchik

Levchik

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

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

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

Просмотр сообщенияИрина345 (09 Апрель 2015 - 15:27) писал:

Произведите изменения на 115 строке


вот это работает, Спасибо!

Цитата

После внесения правок исчезла стоимость товара в списке товаров.
Надо её вернуть. Расположение - или между кратким описанием товара и информацией о наличии товара. Или над блоком с указанием выбранного количества товара.

А вот это - нет ((  В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается.

Цитата

И блок с количеством товара расположен неравномерно. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?


#23 Ирина345

Ирина345

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

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

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

Просмотр сообщенияLevchik (09 Апрель 2015 - 16:07) писал:

Не совсем понял. Про какие изображения надо уточнить, откуда это?

вот в этом сообщении описания оставшихся проблем
http://forum.storela...ал/#entry194121

Цитата

10. как сделать поля белого прямоугольника справа и слева вокруг изображения не такими большими? надо такими же, как сверху-снизу


#24 Levchik

Levchik

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

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

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

Просмотр сообщенияИрина345 (09 Апрель 2015 - 16:20) писал:


теперь понял ))

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

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

  • Фон за картинкой.jpg


#25 Firefly

Firefly

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

  • Модераторы
  • 3 740 сообщений

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

Просмотр сообщенияLevchik (09 Апрель 2015 - 16:29) писал:

теперь понял ))

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.category-info .goods-cat-image-medium, .category-info .goods-cat-image-medium-square {
max-height: 100px;
}

Замените его на:
.category-info .goods-cat-image-medium, .category-info .goods-cat-image-medium-square {
max-height: 200px;
max-weight: 200px;
}


#26 Levchik

Levchik

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

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

Отправлено 09 Апрель 2015 - 20:34

Просмотр сообщенияfirefly (09 Апрель 2015 - 17:25) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.category-info .goods-cat-image-medium, .category-info .goods-cat-image-medium-square {
max-height: 100px;
}

Замените его на:
.category-info .goods-cat-image-medium, .category-info .goods-cat-image-medium-square {
max-height: 200px;
max-weight: 200px;
}
Стало еще хуже!!!

Фон убрался но картинки стали огромного размера!!! Откатил изменения обратно!

ааааа, у меня уже крик отчаяния какой-то!!!!!! Уже МЕСЯЦ не могу запустить сайт в эксплуатацию!!
Может ли кто-то нормально помочь или нет??? Больше половины предложенных правок или не работают или работают, но вызывают новые косяки на сайте!!!
Куда еще стучаться то, чтобы наконец-то доделали???
Деньги заплачены, а сайт до сих пор в нерабочем состоянии!!!

#27 Vaccina

Vaccina

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

  • Модераторы
  • 23 686 сообщений

Отправлено 10 Апрель 2015 - 01:47

В шаблоне Товары найдите:
<div class="category-info">
						<div class="left">
						  <div class="image goods-cat-image-medium-square">

замените на:
<div class="category-info">
						<div class="left">
						  <div class="image">

Далее в main.css найдите:
.category-info .left {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  display: -moz-inline-stack;
  float: left;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 200px;
}

замените на:
.category-info .left {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  display: -moz-inline-stack;
  float: left;
  margin-right: 10px;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: top;
}


#28 Levchik

Levchik

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

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

Отправлено 10 Апрель 2015 - 04:47

Просмотр сообщенияVaccina (10 Апрель 2015 - 01:47) писал:

В шаблоне Товары найдите:
<div class="category-info">
					 <div class="left">
						 <div class="image goods-cat-image-medium-square">

замените на:
<div class="category-info">
					 <div class="left">
						 <div class="image">

Далее в main.css найдите:
.category-info .left {
background-color: #ffffff;
border: 1px solid #f5f5f5;
display: -moz-inline-stack;
float: left;
padding: 5px;
position: relative;
text-align: center;
vertical-align: top;
width: 200px;
}

замените на:
.category-info .left {
background-color: #ffffff;
border: 1px solid #f5f5f5;
display: -moz-inline-stack;
float: left;
margin-right: 10px;
padding: 5px;
position: relative;
text-align: center;
vertical-align: top;
}

Поля картинки исправлены, спасибо!

Когда ждать ответы на вопросы, озвученные здесь?
http://forum.storela...ал/#entry194121

и это:
И блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?

#29 Vaccina

Vaccina

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

  • Модераторы
  • 23 686 сообщений

Отправлено 10 Апрель 2015 - 05:22

Просмотр сообщенияLevchik (06 Апрель 2015 - 18:48) писал:

про "доступность" исправилось.

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

без этого шапка отображается криво, см. скриншот 1.

на скриншоте 2 шапка работает нормально, но:
1. Надо сдвинуть шапку максимально вверх, чтобы не было узкой полоски с текстом страницы между шапкой и началом окошка браузера.
2. Текстовку корзины и иконку корзины надо разместить по середине шапки (по высоте), так же как размещен остальной текст
3. Текстовку корзины и иконку надо сделать в тех же цветах, что и остальной текст/иконки. иначе сливается с шапкой
4. Надо немного сдвинуть поле поиска и его иконку право, чтобы иконка корзины и  поле поиска не соприкасались.

Также, не решены эти вопросы:

8. При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в опере, в IE нормально работает.
10. как сделать поля белого прямоугольника справа и слева вокруг изображения не такими большими? надо такими же, как сверху-снизу

В шаблоне HTML найдите:
  {CART_COUNT_TOTAL}
								{% ENDIF %}<br />
				 - на сумму
замените на:
  {CART_COUNT_TOTAL}
								{% ENDIF %}
				 - на сумму

В main.css найдите:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}

замените на:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}

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

Цитата

И блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?

В шаблоне Товары найдите:
<div class="goodsDataMainModificationAvailable" style="float: left;  margin: 15px;">
замените на:
<div style="float: left; margin: 15px; width: 150px;" class="goodsDataMainModificationAvailable">


#30 Levchik

Levchik

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

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

Отправлено 10 Апрель 2015 - 07:57

Просмотр сообщенияVaccina (10 Апрель 2015 - 05:22) писал:

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



После внесения очередных правок снова стало хуже!! Снесены изменения, сделанные несколько дней назад, сайт стал отображаться с бОльшим количеством ошибок.
Получается, что с каждой новой правкой объем работ не уменьшается, а только становится больше!!!


Не сделано из старых вопросов:

1. Блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?

2. При работе над корзиной, получилось так, что шапка корректно отображается только после нажатии кнопки "Быстро оформить заказ". Единственно, надо чуть сдвинуть кружок с телефонной трубкой ближе к номерам телефона и опустить немного вниз, чтобы она была на одной линии с другими кружками.
Шапка как надо.jpg

Но если перейти по любой ссылке оттуда или просто при заходе на сайт, шапка отображается неправильно!
  - Ширина шапки в 2 раза шире чем надо и закрывает собой строку верхнего меню
  - Блок "Связаться с нами находится не на месте"

Шапка криво.jpg

3. При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в Опере, в IE нормально работает.



Добавившиеся вопросы, которые раньше были правильно реализованы, но после последних правок стали работать криво (все ошибки на странице отображения списка товаров):

4. Каждая последующая строка расположена правее предыдущей
5. Исчезло чередование фона строк. Было раньше смена фона через строку - белый / светло серый
6. На странице помещалось 4,5 строки, сейчас снова только 3. Пример как надо http://www.prirodaur...orm-dlja-sobak/
7. Появилась горизонтальная прокрутка. Сайт перестал помещаться в страницу
Список криво.jpg

#31 Alekseys

Alekseys

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

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

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

Просмотр сообщенияLevchik (10 Апрель 2015 - 07:57) писал:

После внесения очередных правок снова стало хуже!! Снесены изменения, сделанные несколько дней назад, сайт стал отображаться с бОльшим количеством ошибок.
Получается, что с каждой новой правкой объем работ не уменьшается, а только становится больше!!!


Не сделано из старых вопросов:

1. Блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом?

2. При работе над корзиной, получилось так, что шапка корректно отображается только после нажатии кнопки "Быстро оформить заказ". Единственно, надо чуть сдвинуть кружок с телефонной трубкой ближе к номерам телефона и опустить немного вниз, чтобы она была на одной линии с другими кружками.
Прикрепленный файл Шапка как надо.jpg

Но если перейти по любой ссылке оттуда или просто при заходе на сайт, шапка отображается неправильно!
  - Ширина шапки в 2 раза шире чем надо и закрывает собой строку верхнего меню
  - Блок "Связаться с нами находится не на месте"

Прикрепленный файл Шапка криво.jpg

3. При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в Опере, в IE нормально работает.



Добавившиеся вопросы, которые раньше были правильно реализованы, но после последних правок стали работать криво (все ошибки на странице отображения списка товаров):

4. Каждая последующая строка расположена правее предыдущей
5. Исчезло чередование фона строк. Было раньше смена фона через строку - белый / светло серый
6. На странице помещалось 4,5 строки, сейчас снова только 3. Пример как надо http://www.prirodaur...orm-dlja-sobak/
7. Появилась горизонтальная прокрутка. Сайт перестал помещаться в страницу
Прикрепленный файл Список криво.jpg
Здравствуйте. В main.css замените
#cart {
  position: relative;
  top: 9px;
  right: 24px;
}
на
#cart {
  position: relative;
  top: 9px;
  right: 24px;
  float: right;
}
Затем в шаблоне Товары перед
{% ENDFOR %}
		  <!-- /Проходим по массиву списка товаров -->
вставьте
</div>


#32 Levchik

Levchik

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

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

Отправлено 10 Апрель 2015 - 10:37

уф, наиболее критичные ошибки вроде исправлены!

Осталось:

1. Блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом.
Например, можно сделать выравнивание вправо относительно конца строки (сделав промежуток между блоком и концом строки миллиметров 15).
количество вправо.jpg


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

Шапка как надо.jpg

Появилось новое:
3. Начало списка товаров в каталоге отображается правильно, идет чередование серого и белого фонов. Но ближе к концу списка строки товаров идет только на белом фоне, а между ними встают широкие пустые полосы серого цвета. Ошибка проявляется только в каталоге с большим количеством товаров

4. Серый фон на строках (во всех подкаталогах) сдвинут вправо. Т.е. по левому краю идет белая полоса между началом строки и серым фоном, по правому краю серый фон выходит за конец строки.

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

  • Список криво 2.jpg


#33 Alekseys

Alekseys

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

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

Отправлено 10 Апрель 2015 - 12:05

Просмотр сообщенияLevchik (10 Апрель 2015 - 10:37) писал:

уф, наиболее критичные ошибки вроде исправлены!

Осталось:

1. Блок с количеством товара расположен неравномерно. В зависимости от отображения "товар в наличии" или "товар под заказ" блок с выбором количества сдвигается. Как сделать выравнивание, чтобы эти блоки располагались строго друг под другом.
Например, можно сделать выравнивание вправо относительно конца строки (сделав промежуток между блоком и концом строки миллиметров 15).
Прикрепленный файл количество вправо.jpg


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

Прикрепленный файл Шапка как надо.jpg

Появилось новое:
3. Начало списка товаров в каталоге отображается правильно, идет чередование серого и белого фонов. Но ближе к концу списка строки товаров идет только на белом фоне, а между ними встают широкие пустые полосы серого цвета. Ошибка проявляется только в каталоге с большим количеством товаров

4. Серый фон на строках (во всех подкаталогах) сдвинут вправо. Т.е. по левому краю идет белая полоса между началом строки и серым фоном, по правому краю серый фон выходит за конец строки.

Прикрепленный файл Список криво 2.jpg
В main.css добавьте
.category-info img {
  width: 60px;
}
.goodsDataMainModificationAvailable {
  width: 150px;
}
затем замените
.category-info {
  display: inline-block;
  float: none;
  /* margin-bottom: 30px; */
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}
на
.category-info {
  display: inline-block;
  float: none;
  /* margin-bottom: 30px; */
  min-height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
  margin-left: -10px;
}
после чего
#header #support {
  position: relative;
  float: right;
  top: 9px;
  margin-right: 11px;
  z-index: 30;
  width: 200px;
}
замените на
#header #support {
  position: relative;
  float: right;
  top: 9px;
  margin-right: 40px;
  z-index: 30;
  width: 170px;
}
и
#header #support .sup_phone {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -ms-border-radius: 50%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  background: url('http://design.zooteka96.ru/phone_circle.png?design=spring') center center no-repeat;
  background-color: #333333;
  position: absolute;
  top: 0px;
  right: 0;
  background-position-y: 0px;
}
замените на
#header #support .sup_phone {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #333333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -ms-border-radius: 50%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  background: url('http://design.zooteka96.ru/phone_circle.png?design=spring') center center no-repeat;
  background-color: #333333;
  position: absolute;
  top: 0px;
  right: 0;
  background-position-y: 0px;
  margin-top: 4px;
}
После этого в шаблоне Товары замените
<div class="category-info">
						<div class="category-info">
на
<div class="category-info">
и
</div>
		 
				 
		  </div>
				{% ENDFOR %}
				<!-- /Проходим по массиву списка товаров -->
замените на
</div>
				{% ENDFOR %}
				<!-- /Проходим по массиву списка товаров -->


#34 Levchik

Levchik

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

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

Отправлено 10 Апрель 2015 - 12:35

Просмотр сообщенияAlekseys (10 Апрель 2015 - 12:05) писал:



Теперь всё работает!!! Спасибо

Единственно, извините, пропустил вот эту ошибку:

При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в опере, в IE нормально работает.

Можно исправить?

#35 Alekseys

Alekseys

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

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

Отправлено 10 Апрель 2015 - 12:42

Просмотр сообщенияLevchik (10 Апрель 2015 - 12:35) писал:

Теперь всё работает!!! Спасибо

Единственно, извините, пропустил вот эту ошибку:

При нажатии кнопки "Быстрый заказ" и далее "Продолжить покупки" пользователь возвращается вверх страницы. Надо сделать так, чтобы страница оставалась в том же положении, в каком он нажал кнопку "Быстрый заказ". Ошибка возникает в опере, в IE нормально работает.

Можно исправить?
К сожалению это изменить не выйдет.




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

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