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


Фотография
* * * * - 4 Голосов

Ajax загрузка страниц

рецепт ajax пагинация pagination jquery

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

#11 ripcord

ripcord

Отправлено 16 August 2013 - 13:55

Делал пару лет назад на голом Zoo для потехи. Штука имхо бесполезная для нужд обычного каталога/магазина.

Чтоб Масонри замельтешил как надо, включите в бэкэнде отображение айтемов в один столбик, и допилите CSS.

 

ЗЫ. Нашел, вот такой треш и угар: 1376657640-c883805f2ed854c26cf3f07964442

 


  • 0
Абгемахт, славяне!

#12 xatberg

xatberg

Отправлено 17 August 2013 - 08:25

Замечен интересный момент , в  teaser есть иконка new при скролинге иконка реагирует на движение мышы и уходит вверх :-[   кто-нибудь сталкивался с подобным? при чем не на всех страницах , к примеру воспользовался поиском нашел 1товар и там чудеса с этой иконкой. 


Сообщение отредактировал европа: 17 August 2013 - 08:33

  • 0

#13 Arlekina

Arlekina

Отправлено 17 August 2013 - 09:08

Делал пару лет назад на голом Zoo для потехи. Штука имхо бесполезная для нужд обычного каталога/магазина.

Чтоб Масонри замельтешил как надо, включите в бэкэнде отображение айтемов в один столбик, и допилите CSS.

 

ЗЫ. Нашел, вот такой треш и угар:

Где вы нашли этот треш и угар? мне сейчас по макету как раз нужны такие колонки, айтемы разной высоты, вот что бы они примерно так и выстраивались друг по дружкой, а не ровными строками. Мне бы хоть ссылку посмотреть как сделано или, может, решение есть, float:left и inline-block все равно не совсем так делают, не могу сообразить как.

 

ПС. Сорри, что это выходит за рамки этой темы.


  • 0

#14 ripcord

ripcord

Отправлено 17 August 2013 - 10:15

Мне бы хоть ссылку посмотреть как сделано или, может....

 

Арлекина, инбоксе!


  • 1
Абгемахт, славяне!

#15 ripcord

ripcord

Отправлено 17 August 2013 - 11:29

мне сейчас по макету как раз нужны такие колонки, айтемы разной высоты, вот что бы они примерно так и выстраивались друг по дружкой, а не ровными строками. Мне бы хоть ссылку посмотреть как сделано или, может, решение есть, float:left и inline-block все равно не совсем так делают, не могу сообразить как.

 

Если стоит задача вывода тизеров Jbzoo разной высоты в столбик без скриптов, и при условии, что столбцов конечное количество (1-2-3, в зависимости от ширины окна), то это несложно. Просто забудьте про float вообще.

Пример для 3 столбцов:

.column.width33 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.width33 .subcategory {
    width: auto;
    margin: 5px;
    display: block;
}

По дефолту между колонками указана маржина, ее лучше совсем убрать и регулировать

паддингами и маржинами  самих

.width33 .subcategory 

и

.subcategory

чтоб как-то так стало:  1376735307-ba8c3199775edc5f9f37ec14e68f5


  • 1
Абгемахт, славяне!

#16 lex270987

lex270987

Отправлено 20 August 2013 - 14:17



Почему то вот так получилось((((что делать?
свн21.рф

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

  • 5555555555555555555.png

  • 0

#17 lex270987

lex270987

Отправлено 20 August 2013 - 15:48

все высотой разобрался)))а как потом вставлять фикс высоты на разные страницы ??у каждой страницы (итема)своя высота.Модулем??привязкой к странице
 

и подгрузку не смог сделать(((как его ставить?



item : ".width25", что  это??где его найти?


  • 0

#18 lex270987

lex270987

Отправлено 20 August 2013 - 16:06

да скрипт выравнивания можно привезать к любой странице)))модулем.


  • 0

#19 lex270987

lex270987

Отправлено 20 August 2013 - 16:53

как поставить скрипт прокрутки??не получается((


  • 0

#20 isay777

isay777

Отправлено 21 August 2013 - 05:40

fiction13

 Спасибо большое. Отлично работает !


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)





Темы с аналогичным тегами рецепт, ajax, пагинация, pagination, jquery

Click to return to top of page in style!