Support » Plugin: TablePress » How to make a row in table clickable …

  • Resolved lojze

    (@lojze)


    … and I want that this click will lead to article about a product mentioned in a row.

    An example:

    Click of “Lavazza Blue Lb 910 Compact” on “http://www.ilovecoffeesomuch.com/category/best-espresso-coffee-makers/” should lead to article on same page.

    How to make this?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Making a row a link is not actually possible, as links and table rows are different things in browsers.
    You can however use some JavaScript code to trigger the click on a link if a row is clicked. For some example code, please see this post: http://wordpress.org/support/topic/make-row-clickable?replies=18#post-4655516

    Regards,
    Tobias

    Thank you for your very quick reply.

    Actually I think, that I didn’t express myself correctly. What I want is the same functionality as in table at http://10beasts.com/best-wireless-routers/

    When you click on “D-Link DIR-880L Dual-Band” you get to “http://10beasts.com/best-wireless-routers/#dir880l”

    What do I need to do?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.

    Regards,
    Tobias

    Hi Tobias,
    Thank you for the easy to use TablePress. I am new to WP and just getting to know the layout. I am sorry but I do not understand what you are referring to in the above thread, “then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.”

    I do not see any “Insert Link” option when I am in the table itself.

    Hi,

    Thank you for your answer.

    I have seen your “Insert Link” button in “Table Manipulation”. But when I tried to click either in Column A, B or C, I have no success. So where exactly do I need to click.

    Also: Click should lead to a certain review on same site. So I don’t have special links, just maybe text to which a click should lead.

    So this “click into the cell” makes those problems.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    @dougsails: Sorry for the delay here. Somehow, I wasn’t notified about your reply. The “Insert Link” button is in the “Table Manipulation” section on the “Edit” screen of the table.

    @lojze: You should click the “Insert Link” button, then confirm that dialag that shows up (it will only show once per page load), and then click directly into the desired table cell.

    Regards,
    Tobias

    It opens now, but I am still lost. Very specific question:

    In my webpage at http://www.ilovecoffeesomuch.com/category/best-french-press-coffee-makers/ I have table with three columns. I want that when I click text in column A this leads me to article about this same product on the same page.

    How?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    you will at first have to turn the headings that you want to jump to into link targets, by changing them like this:
    <h3 id="1-sterlingpro-french-coffee-press">1. SterlingPro French Coffee Press</h3>

    Then, you can add a link in the table with this HTML:
    <a href="#1-sterlingpro-french-coffee-press">SterlingPro French Coffee Press </a>

    Please do all this in the “Text” and not the “Visual” editor on the “Edit” screen of this page.
    Then, please also remove the <pre> and </pre> HTML code around the table Shortcode.

    Regards,
    Tobias

    Thank you for extremely quick reply.

    I have done this:

    1. Opened article in “posts” and there in “text editor”.

    Now my product review title looks like this:

    [table id=1 automatic_url_conversion=true automatic_url_conversion_new_window=true /]

     

    <h3 id=”1-sterlingpro-french-coffee-press”>1. SterlingPro French Coffee Press</h3>

    2. Now I am lost where should I put link in the table. Also in post (if yes, where) or not.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, the Shortcode is correct (except that the parameters are not necessary), but you should see something like <pre> and </pre> around the Shortcode. This has to be removed.

    Then, the
    <h3 id="1-sterlingpro-french-coffee-press">1. SterlingPro French Coffee Press</h3>
    is what you use in the regular text, as the new headings. (Right now, you have something like
    strong>1. SterlingPro French Coffee Press</strong>
    there only.

    After that,
    <a href="#1-sterlingpro-french-coffee-press">SterlingPro French Coffee Press </a>
    is the link HTML code that you use inside the table cells.

    Regards,
    Tobias

    SterlingPro French Coffee Press

    … should be put within TablePress in which column? A or B …? Or within “Table manipulation” and “Insert Link”?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    that link HTML code would go directly into a cell in column A, where you want the link to appear.

    Regards,
    Tobias

    Hi Tobias,
    Thank you for the easy to use TablePress. I am new to WP and just getting to know the layout. I am sorry but I do not understand what you are referring to in the above thread, “then you would simply have to insert a link with a link text and a link target URL, using e.g. the “Insert Link” button below the table. A small dialog will open that allows you to enter the desired link text and URL.”

    I do not see any “Insert Link” option when I am in the table itself. You can view my site https://sidesleeperreviews.com/ to for help me.

    Thanks you

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to make a row in table clickable …’ is closed to new replies.