Home Forums Aside HTML theme AJAX LIQUID PORTFOLIO

This topic contains 15 replies, has 4 voices, and was last updated by  BWSM 12 months ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #4300

    mooondog
    Participant

    Hi

    How is “portfolio-grid-ajax-content-box.html” linked from “portfolio-grid-ajax.html” image item ?

    How can I make new links for each separate portfolio item to separate “portfolio-grid-ajax-content-box.html” pages?

    cheers

    #4304

    Johnny
    Participant

    Hi, please open file js/theme.pagebuilder.js and find this line:
    jQuery.post('portfolio-grid-ajax-content-box.html', {
    this is the ajax call.
    if you want different item load different content please manage update ‘portfolio-grid-ajax-content-box.html’ to a variable.
    Thank you

    #4305

    mooondog
    Participant
    This reply has been marked as private.
    #4312

    Johnny
    Participant

    Hi, chang the item links to different pages in portfolio-grid-ajax.html. and update previouse script to:
    jQuery.post(_this.attr('href'), {
    Thank you

    #4317

    mooondog
    Participant

    Thanks, sorry to be a pain but I cannot see where the item link to ‘portfolio-grid-ajax-content-box.html’ is in portfolio-grid-ajax.html. Here are the first two html items as I see it in Dreamweaver, there is no obvious link:

    For example:
    If I wanted Item 1 to link to portfolio-grid-ajax-content-box-1.html
    and Item 2 to link to portfolio-grid-ajax-content-box-2.html etc. where and how would these be linked?

    <div class=”width2 isotope-item hover-effect”
    data-num=”1″>
    <div class=”inside liquid_inside brick-inside”>
    <div class=”brick-content brick-hover bg-theme-color-10″>
    <a href=”content-portfolio-images-on-right.html”
    class=”liquid_list_image” data-postid=”671″
    data-color=”bg-theme-color-10″ data-type=”image”>
    <div class=”brick-hover-mask”>
    <h3 class=”brick-title”>PORTFOLIO POST INFO LEFT</h3>
    </div> <img
    src=”http://ximudesign.com/aside/wp-content/uploads/sites/17/2014/04/IMG_4783-400×400.jpg”
    class=”attachment-imagebox-thumb wp-post-image”
    alt=”IMG_4783″>

    </div>
    <!–End brick-content–>
    </div>
    <!–End inside–>
    <div style=”display: none; margin: 0px 0 0 0px;” class=”inside liquid-loading-wrap bg-theme-color-10″>
    <div class=”ux-loading”></div>
    <div class=”ux-loading-transform”>
    <div class=”loading-dot1″> </div>
    <div class=”loading-dot2″> </div>
    </div>
    <img src=”http://ximudesign.com/aside/wp-content/uploads/sites/17/2014/04/IMG_4783-400×400.jpg”
    class=”liquid-hide wp-post-image” alt=”IMG_4783″>
    </div>
    </div>

    <div class=”width2 isotope-item hover-effect”
    data-num=”2″>
    <div class=”inside liquid_inside brick-inside”>
    <div class=”brick-content brick-hover bg-theme-color-10″>
    <a href=”content-portfolio-images-on-right.html”
    class=”liquid_list_image” data-postid=”183″
    data-color=”bg-theme-color-10″ data-type=”image”>
    <div class=”brick-hover-mask”>
    <h3 class=”brick-title”>EXPIRED SHAPES</h3>
    </div> <img
    src=”http://ximudesign.com/aside/wp-content/uploads/sites/17/2014/04/Expired-shapes-2-400×400.png”
    class=”attachment-imagebox-thumb wp-post-image”
    alt=”Expired-shapes-2″>

    </div>
    <!–End brick-content–>
    </div>
    <!–End inside–>
    <div style=”display: none; margin: 0px 0 0 0px;”
    class=”inside liquid-loading-wrap bg-theme-color-10″>
    <div class=”ux-loading”></div>
    <div class=”ux-loading-transform”>
    <div class=”loading-dot1″> </div>
    <div class=”loading-dot2″> </div>
    </div>
    <img src=”http://ximudesign.com/aside/wp-content/uploads/sites/17/2014/04/Expired-shapes-2-400×400.png”
    class=”liquid-hide wp-post-image” alt=”Expired-shapes-2″>
    </div>
    </div>

    #4321

    Johnny
    Participant

    Hi, see attached image please,
    Thank you

    #4327

    mooondog
    Participant

    Hi
    Yes, but those are The Heading and Read more hyper links within “portfolio-grid-ajax-content-box.html” which go to content-portfolio-images-on-right.html (see image) – that I understand.

    What I need to know is where’s the link on that page and how to change the jQuery to -“portfolio-grid-ajax-content-box.html” and how I change that for each of the 12 portfolio boxed item links to their own individual slider portfolio-grid-ajax-content-box.

    Thanks

    #4329

    mooondog
    Participant

    What I need to know is where’s the link on that page and how to change the jQuery to -”portfolio-grid-ajax-content-box.html” and how I change that for each of the 12 portfolio boxed item links to their own individual slider portfolio-grid-ajax-content-box. (see images)

    Many thanks

    #4334

    Johnny
    Participant

    Hi, please try what I told you. in list page, update each a tag’s(which with class ‘liquid_list_image’) attribute href value to different page.
    the link ‘content-portfolio-images-on-right.html’ in list page only a placeholder before you updated the script to:
    jQuery.post(_this.attr('href'), {
    Best

    #4343

    mooondog
    Participant

    Hi

    Okay, have done what you have suggested – I think.
    As a test, I’ve attributed a different href link to item two ‘content-portfolio-images-on-right-2.html’ and changed the jQuery script. Now it’s a complete mess when you click an item. Please see…
    http://www.whyask.co.uk/Aside/html/portfolio-grid-ajax.html

    Obviously something isn’t right.

    Thanks

    #4348

    Johnny
    Participant

    Hi, the script works. but the target page content not right. the target page content must be similar portfolio-grid-ajax-content-box.html. if you open this file with editor you will the content without header and footer but only section tag with class liquid-expand-wrap, that’s the trick.
    Best

    #4363

    mooondog
    Participant

    Ah,ha at last. Got there in the end. I’m afraid I couldn’t understand your instructions.
    Thanks for your help.

    #11215

    webdesigner27
    Participant

    Hi all,
    i want to have the portfolio as “brick list” (with different image sizes inside) but with ajax content/post loader at the end like in “liquid list”.
    In Liquid List Module there are no options for changing the list type as in the Portfolio Module… with the 3 choices Grid List, Interlock List and Brick.

    Please help me 🙂 Thanks in advance!

    #11216

    BWSM
    Keymaster

    Hi webdesigner27,

    There is not the ajax loader within “Brick list”. There is not the layout option for “liquid list” either.

    #11218

    webdesigner27
    Participant

    Wow! What a great support!
    No suggestions on how to do? some workarounds?
    Even a smart guidance on how to accomplish what I’m requiring (even for the advantage of such an implementation for other users like me).

    Evidently, your response with no solutions and no uncertain terms is really clear about the professionalism index.
    Thanks again, I really made a good choice in selecting your theme…

    #11221

    BWSM
    Keymaster

    Maybe my response is simple, I apologize.
    The AJAX LIQUID is a special list, it is impossible to add “brick layout” or other layout really. Almost re-write the main code, it is far beyond our service support. If you want to make some simple custom like(item spacing, size), I’ll give more detail of solution.

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.