Сообщений в теме: 24

[kostiano12]

Скажите пожалйста как сделать что бы все фото шли в ряд, а не как попало?

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

• 

[kostiano12]

kostiano12 (18 Май 2013 - 15:45) писал:

Скажите пожалйста как сделать что бы все фото шли в ряд, а не как попало?

Сделал все как указанно в этой теме http://forum.storela...__60#entry59705, картинки выровнялись сверху, но хотелось что бы снизу тоже были ровными.

[Koderhan]

kostiano12 (18 Май 2013 - 15:58) писал:

Сделал все как указанно в этой теме http://forum.storela...__60#entry59705, картинки выровнялись сверху, но хотелось что бы снизу тоже были ровными.

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;}

Заменить:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;height: 300px;}

[kostiano12]

Koderhan (18 Май 2013 - 19:10) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:170px !important;}

Заменить:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:170px !important;height: 300px;}

Теперь пропало выпадающее меню и стало выглядить так:

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

• 

[Koderhan]

kostiano12 (18 Май 2013 - 19:18) писал:

Теперь пропало выпадающее меню и стало выглядить так:

Нужно убрать предыдущие изменения.
Есть уже готовый ответ на ваш вопрос про то как сделать одинаковыми товары в каталоге. http://forum.storela...__60#entry59705

[kostiano12]

Koderhan (20 Май 2013 - 13:04) писал:

Нужно убрать предыдущие изменения.
Есть уже готовый ответ на ваш вопрос про то как сделать одинаковыми товары в каталоге. http://forum.storela...__60#entry59705

я уже выполнял данные шаги, товары выровнялись только сверху, а снизу как попало.

[support 2.0]

kostiano12 (20 Май 2013 - 15:44) писал:

я уже выполнял данные шаги, товары выровнялись только сверху, а снизу как попало.

Вы не выполнили пункт 2) в файле main.js

[kostiano12]

support 2.0 (20 Май 2013 - 16:59) писал:

Вы не выполнили пункт 2) в файле main.js

Нет я сделал все точно по инструкции как показано здесь http://forum.storela...__60#entry59705,
1 пункт добавил код
2 пункт удалил коды которые выделены красным
после прохождения всех шагов фото выровнялись только сверху и пропало выпадающее меню.
А мне нужно что бы все товары выглядели как на этой странице http://axoda.ru/cata...talog/В-наличии и то в конце начинается как попало выглядеть
Что бы все было пропорционально, а не вот так http://axoda.ru/

[Koderhan]

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;height: 300px;}

Заменить:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;height: 380px;}

[kostiano12]

Koderhan (23 Май 2013 - 08:36) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Найти код:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:170px !important;height: 300px;}

Заменить:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:170px !important;height: 380px;}

Теперь фото стали выглядеть ровно, но кнопка заказать находится где попало, см. рис..

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

• 

[Stasya]

В шаблоне HTML найдите строку

<div style="width: 193px;position: relative;overflow:hidden">

и замените ее на

<div style="width: 193px;position: relative;overflow:hidden;height: 231px;">

[kostiano12]

Stasya (23 Май 2013 - 09:05) писал:

В шаблоне HTML найдите строку

<div style="width: 193px;position: relative;overflow:hidden">

и замените ее на

<div style="width: 193px;position: relative;overflow:hidden;height: 231px;">

Все равно кнопки выглядят так же. см. рис..

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

• 

[Stasya]

Ваши кнопки выглядят отлично. Почистите кэш браузера.

[kostiano12]

Stasya (23 Май 2013 - 10:12) писал:

Ваши кнопки выглядят отлично. Почистите кэш браузера.

Браузер гугл хром
http://axoda.ru/catalog/HTC - здесь у Вас тоже все в порядке?
Лично у меня только на нескольких страницах выглядит все нормально, на остальных кнопки съехали, где то вообще нет кнопки "заказать"

[support 2.0]

kostiano12 (23 Май 2013 - 10:36) писал:

Браузер гугл хром
http://axoda.ru/catalog/HTC - здесь у Вас тоже все в порядке?
Лично у меня только на нескольких страницах выглядит все нормально, на остальных кнопки съехали, где то вообще нет кнопки "заказать"

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

[kostiano12]

support 2.0 (23 Май 2013 - 11:23) писал:

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

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

[Stasya]

Попробуйте в файле style.css найти блок

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
}

и заменить его на

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
height: 465px;
}

А в шаблоне HTML найдите строку

<figure style="width: 173px;position: relative;overflow:hidden;">

  и замените ее на

<figure style="width: 173px;position: relative;overflow:hidden;height: 306px;">

[kostiano12]

Stasya (23 Май 2013 - 12:02) писал:

Попробуйте в файле style.css найти блок

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
}

и заменить его на

.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
height: 465px;
}

А в шаблоне HTML найдите строку

<figure style="width: 173px;position: relative;overflow:hidden;">

  и замените ее на

<figure style="width: 173px;position: relative;overflow:hidden;height: 306px;">

Не могу найти код <figurestyle="width:173px;position: relative;overflow:hidden;">

[support 2.0]

kostiano12 (23 Май 2013 - 12:23) писал:

Не могу найти код <figurestyle="width:173px;position: relative;overflow:hidden;">

Это находится в шаблоне Товары.
Я предлагаю Вам несколько другой вариант инструкции. У Вас товары разных размеров, и скорее всего, если они будут все размером 173х306, то будут искажаться.

[kostiano12]

support 2.0 (23 Май 2013 - 12:41) писал:

Это находится в шаблоне Товары.
Я предлагаю Вам несколько другой вариант инструкции. У Вас товары разных размеров, и скорее всего, если они будут все размером 173х306, то будут искажаться.

Я уже этим способом пробовал, не помогло...

Да нет, вроде нет искажения, только вот кнопка заказать далековато от фотографии, какой код отвечает за расположение, к верху хочу поднять.

kostiano12 (23 Май 2013 - 12:48) писал:

Я уже этим способом пробовал, не помогло...

Да нет, вроде нет искажения, только вот кнопка заказать далековато от фотографии, какой код отвечает за расположение, к верху хочу поднять.

Точнее даже не кнопка, а сам контур товара, посмотрите на сайте axoda.ru.