Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • pixelzombie Friend
    #180117

    Yes I made it :laugh:

    Attached you’ll find the JA Wall enabled Sobipro template. Extract it and copy the folder ja_wall to:

    componentscom_sobiprousrtemplates

    Then select it in the backend:

    —-

    Info about the template:
    The template is the default sobipro template. There are no style customisations made exept enabling (or fixing) it for JA Wall, respectively the masonry script.

    The script is used in the categories:

    and for the entries:

    It works on search result pages and other parts where entries are shown too.

    Hugs and kisses are welcome!

    Cheers

    Frank

    PS: The next JA Wall enabler template will be for Virtuemart. Stay tuned.

    —-

    UPDATE 28 November 2012

    I’ve attached a new Version where the infinite scroll function is implemented. This one gave me a hard time 😉 You’ll also have to alter the wall.js in templates/ja_wall/js/wall.js. Find this code block:


    /* infinitive scroll for main masonry only */
    if ($('#masonry-container').length) {
    var pathObject = {
    init: function(){
    this.path = ($('#page-next-link').attr('href') || '');
    var match = this.path.match(/((page|start)[=-])(d*)(&*)/i);
    if(match){
    this.type = match[2];
    this.number = match[3];
    this.limit = this.type == 'page' ? 1 : this.number;
    this.number = this.type == 'page' ? this.number : 1;
    } else {
    this.type = 'unk';
    this.number = 2;
    this.path = this.path + (this.path.indexOf('?') == -1 ? '?' : '') + 'page=';
    }
    },

    join: function(page){
    if(this.type == 'unk'){
    return this.path + this.number++;
    } else{
    return this.path.replace(/((page|start)[=-])(d*)(&*)/i, '$1' + (this.limit * this.number++) + '$4');
    }
    }
    };

    and replace it with


    /* infinitive scroll for main masonry only */
    if ($('#masonry-container').length) {

    if(typeof SOBI == 'undefined')
    SOBI = false;

    var pathObject = {
    init: function() {
    this.path = ($('#page-next-link').attr('href') || '');

    if(this.path == null)
    return false;

    if(!SOBI)
    this.number = this.path.match(/(page[=-])(d*)&*/i)[2] || 2;
    else
    this.number = this.path.match(/(site[=-])(d*)&*/i)[2] || 2;
    },

    join: function(page) {

    if(this.path == null)
    return false;

    if(!SOBI)
    return this.path.replace(/(page[=-])(d*)&*/i, '$1' + (this.number++) + '&')
    else
    return this.path.replace(/(site[=-])(d*)&*/i, '$1' + (this.number++) + '&')
    }
    };

    This is crucial. Otherwise it won’t work.

    UPDATE 17 December 2012

    In case the infinite scroll loads more items as there really are, you’re probably using JA Wall v 1.0.5. You’ll have to change the wall.js file like this. Look for this code block


    /* infinitive scroll for main masonry only */
    if ($('#masonry-container').length) {
    var pathObject = {
    init: function(){
    this.path = ($('#page-next-link').attr('href') || '');
    var match = this.path.match(/((page|start)[=-])(d*)(&*)/i);
    if(match){
    this.type = match[2].toLowerCase();
    this.number = match[3];
    this.limit = this.type == 'page' ? 1 : this.number;
    this.number = this.type == 'page' ? this.number : 1;
    } else {
    this.type = 'unk';
    this.number = 2;
    this.path = this.path + (this.path.indexOf('?') == -1 ? '?' : '') + 'page=';
    }
    },

    join: function(page){
    if(this.type == 'unk'){
    return this.path + this.number++;
    } else{
    return this.path.replace(/((page|start)[=-])(d*)(&*)/i, '$1' + (this.limit * this.number++) + '$4');
    }
    }
    };

    and exchange it with this code block


    /* infinitive scroll for main masonry only */
    if ($('#masonry-container').length) {
    var pathObject = {
    init: function(){
    this.path = ($('#page-next-link').attr('href') || '');
    var match = this.path.match(/((page|start|site)[=-])(d*)(&*)/i);
    if(match){
    this.type = match[2];
    this.number = match[3];
    this.limit = this.type == 'page' ? 1 : this.number;
    this.number = this.type == 'page' ? this.number : 1;
    } else {
    this.type = 'unk';
    this.number = 2;
    this.path = this.path + (this.path.indexOf('?') == -1 ? '?' : '') + 'page=';
    }
    },

    join: function(page){
    if(this.type == 'unk'){
    return this.path + this.number++;
    } else{
    return this.path.replace(/((page|start|site)[=-])(d*)(&*)/i, '$1' + (this.limit * this.number++) + '$4');
    }
    }
    };

    Download the latest version here

    DOWNLOAD:
    Install the new version as described above.


    Blaine Friend
    #464982

    **HUGS**KISSES** LOL!
    Thanks Frank!!
    Great work!!

    John Wesley Brett Moderator
    #464989

    Oh, this is just HUGE!
    Wonderful work, my friend!

    pixelzombie Friend
    #465873

    Thanks for the “Thank you” and your interrest. Here’s V2 with the details view JA Wall Style :laugh:

    As I said before, this is not customized in terms of visuals. Just the code is altered to enable the masonry script inside JA Wall. As you can see, the template supports grid-double, dark and hilite css classes (or any class you want) on every field you have in your sobipro setup. Just enter the classes (multiple classes space seperated) on the right hand side of the field configuration:

    Please note: the sobipro entry title is grid-double hard coded in the template because you can’t add the css class to this particular field.

    As allways, hugs and kisses are welcome :p


    Paul Massell Friend
    #465896

    you rock.
    XOXO

    jtester Friend
    #466943

    Good!!!!!!:-*

    seaneo Friend
    #470665

    Looks fantastic! – any sites in play with this right now (JA Wall + Sobi Pro)?

    pixelzombie Friend
    #470733

    Not yet, I’m working on it 🙂

    seaneo Friend
    #470763

    any chance for a preview? thanks in advance…

    flaviu_parau Friend
    #471490

    Hello , you can tell me why i can not see my name of fields in website ? Or the name of category ?
    http://musaitravel.ro/index.php/en/cazare , this is the page and i dont really know where is that option to show me the name of fields , labels? Thank you

    pixelzombie Friend
    #471492

    <em>@flaviu_parau 344246 wrote:</em><blockquote>Hello , you can tell me why i can not see my name of fields in website ? Or the name of category ?
    http://musaitravel.ro/index.php/en/cazare , this is the page and i dont really know where is that option to show me the name of fields , labels? Thank you</blockquote>
    I can’t I’m afraid. This is a question for the SobiPro Forums https://forum.sigsiu.net/ and has nothing to do with the topic here.

    pixelzombie Friend
    #474540
    bule Friend
    #476328

    Hi

    I just tried your template out. Mostly it seems to work ok, and should be useful – so thanks.

    But the infinite scroll seems to have a problem in list view

    When I scroll down the ajax is firing and the get url is changing …page2 …page3 etc
    but It always fetches the same group of records
    so if you scroll down 5 times and page size is 10 records, then the page has 50 records made up of 5 x the same set

    I wonder if you’ve seen this or know what might be causing the issue.
    Its dev only right now so I dont have a live to show you.

    pixelzombie Friend
    #476336

    <em>@”bule 350704″ wrote:</em><blockquote>Hi

    I just tried your template out. Mostly it seems to work ok, and should be useful – so thanks.

    But the infinite scroll seems to have a problem in list view

    When I scroll down the ajax is firing and the get url is changing …page2 …page3 etc
    but It always fetches the same group of records
    so if you scroll down 5 times and page size is 10 records, then the page has 50 records made up of 5 x the same set

    I wonder if you’ve seen this or know what might be causing the issue.
    Its dev only right now so I dont have a live to show you.</blockquote>

    Hi there,

    I think your JA Wall Template version is the latest. You’ll need to alter the wall.js file in a different way. The changes I posted are for JA Wall 1.0.4. I’ll post the changes for 1.0.5 in a bit.

    Cheers and thanks for pointing this out,

    pixelzombie Friend
    #476511

    Updated wall.js for JA Wall 1.0.5.

    Cheers

    Frank

Viewing 15 posts - 1 through 15 (of 22 total)

This topic contains 22 replies, has 12 voices, and was last updated by  phong nam 5 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum