+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: Make whole <article class="item "> or <div class="main-column clearfix"> clickable

  1. #1

    Make whole <article class="item "> or <div class="main-column clearfix"> clickable

    Hello. Can we make the whole area of a listing in grid/list view mode clickable, without the need to actualy click on the title or the image? And this without losing the rest of the links like cart, category, favorites, compare etc? Any suggestions? Thanks

    link.jpg

  2. #2
    Hello Petrache,

    I suggest you create javascript code for it. After click on listing area redirect to link.
    If you send me ftp to my PM I will create code for it.
    Viktor,
    Flynax technical department,
    Best wishes.

  3. #3
    Quote Originally Posted by Viktor View Post
    Hello Petrache,

    I suggest you create javascript code for it. After click on listing area redirect to link.
    If you send me ftp to my PM I will create code for it.
    Have sent the requested data. Thanks

  4. #4
    Quote Originally Posted by Viktor View Post
    Hello Petrache,

    I suggest you create javascript code for it. After click on listing area redirect to link.
    If you send me ftp to my PM I will create code for it.
    Have sent the requested data. Thanks

  5. #5
    Hello All,

    Who using responsive template can use following code:

    ftp://templates>>your_responsive_template>>css>>style.cs s

    find style:

    Code:
    Only registered members can view the code.
    and add 1 more style: cursor: pointer;

    Then open file: ftp://templates>>your_responsive_template>>js>>lib.js

    add code in end of document:

    Code:
    Only registered members can view the code.
    save and then check.

    for other non responsive templates ja code can be a little bit different.
    Viktor,
    Flynax technical department,
    Best wishes.

  6. #6
    Quote Originally Posted by Viktor View Post
    Hello All,

    Who using responsive template can use following code:

    ftp://templates>>your_responsive_template>>css>>style.cs s

    find style:

    Code:
    Only registered members can view the code.
    and add 1 more style: cursor: pointer;

    Then open file: ftp://templates>>your_responsive_template>>js>>lib.js

    add code in end of document:

    Code:
    Only registered members can view the code.
    save and then check.

    for other non responsive templates ja code can be a little bit different.
    Hello Viktor. Thanks for the help. Unfortunaly this require additional work because the click on any area must not interfear with other types of links that we may have.
    For instance, if i click on button Add to favourites or Compare or Category link, i will have the action performed but in the same time the title link gets active and so a new page is opened. So on click it should go to listing details except the case in which you click on different links like Compare, Add to cart, Add to favourites, click on Categories link *so any type of different link than the title)

  7. #7
    Hello Petrache,

    Please try to use other js code instead of previous:

    Code:
    Only registered members can view the code.
    Viktor,
    Flynax technical department,
    Best wishes.

  8. #8
    Quote Originally Posted by Viktor View Post
    Hello Petrache,

    Please try to use other js code instead of previous:

    Code:
    Only registered members can view the code.
    I see that you've made already the changes. Works perfect now. Thank you

  9. #9
    Senior Member
    Join Date
    Mar 2019
    Location
    Philadelphia, PA, USA
    Posts
    120
    Hi, is there a way to adapt this to use with auto_wide template?

  10. #10
    Try to implement this code. It still should work with the current version too.
    Viktor,
    Flynax technical department,
    Best wishes.

+ Reply to Thread