additional
Follow us
Show Cart
×
Home > Forum > Joomla components > Comparison Chart > How to add an image (with href link) in a det row
Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
  • Page:
  • 1
  • 2

TOPIC: How to add an image (with href link) in a det row

How to add an image (with href link) in a det row 6 years 9 months ago #20643

I would like to put a button image in each of three detail rows (one per each of three items), with a link to another page. This would be like the "Management Excellence" site you feature as a use of Comparison Chart.
In their chart, towards the bottom, they have "More Info" and "Register" buttons. This is what I would like to accomplish.

Thanks,
Craig
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20647

  • Maria
  • Maria's Avatar
  • OFFLINE
  • JoomPlace Team
  • Posts: 1662
  • Thank you received: 388
  • Karma: 36
Hello Craig,

If I'm not mistaken, you utilize Joomla! 2.5, right?

In this case, please go to Components - Comparison Chart - Management - Items - click the name of any item and open the properties tab. Go down to the Comment field of the necessary property and insert the HTML code into it.

On the Management Excellcence website it looks as follows:
<a href="/workshop-registration/summit-workshop"><img style="border:none;" alt="Register" src="/images/buttons/register-button-small4.png">

Remember to specify the correct link and image path.
JoomPlace Support Team
The administrator has disabled public write access.
The following user(s) said Thank You: Kenneth Durrum

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20674

Saw this thread and hoped it would solve my issue. However, following your advise and adding the following string:

<a href="/bestall"><img style="border:none;" alt="comparison order" src="images/comparison_order.png">

gave the result as shown in the attached screenshot (button displayed twice and code visual code snippets). I have tried ending with /a as well, but same result.

What am I doing wrong? Your advise is much appreciated.
Attachments:
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20681

Maria,

Thank you. I put in the link, but the images do not display (there is a "placeholder" broken image displayed). The link does work however. I even tried moving the png files to the comparison chart image directory, but they will not show. I tried jpg also.

You can see this at:

whitakerweb.net/hen2/index.php?option=co...cle&id=23&Itemid=554

Thanks,
Craig
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20687

  • Maria
  • Maria's Avatar
  • OFFLINE
  • JoomPlace Team
  • Posts: 1662
  • Thank you received: 388
  • Karma: 36
Hi guys,

Let us first of all analyze what we see on Craig's website. If it doesn't help, you are welcome to submit FTP and Joomla! admin credentials so that we can address the problems directly. Feel free to use helpdesk.

The first link to the image is invalid, see below:

<img style="border:none;" alt="Learn More..." src="/images/comparisonchart/test.jpg"> - the current link


<img style="border:none;" alt="Learn More..." src="whitakerweb.net/hen2/images/comparisonchart/test.jpg"> - the correct link, i.e. "hen2" is missing in the current link.

However the image doesn't open in any case, which means that either there is no image with this name or format or current permissions don't allow reading the image.
JoomPlace Support Team
The administrator has disabled public write access.
The following user(s) said Thank You: Kenneth Durrum

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20689

Hi Maria,

I have tried several pathing statements in the src= parameter. My base is whitakerweb.net/hen2 , so that should not be needed. However, I even tried whitakerweb.net/hen2/images/... to no avail.

I am able to insert images in other areas from the /images directory, and I also tried testing from the /images/comparisonchart/ directory, where the checkmarks and "X" marks initiate from, but that did not work either.

I have updated my helpdesk ticket with login credentials.

Once again, I very much appreciate your support!

Craig
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20699

  • Nadine
  • Nadine's Avatar
Dear Craig,

I replied in your ticket, but I'll copy my message in case it would be helpful for other users.

You need to check whether the path to the images is correct.
For example you have: whitakerweb.net/hen2/images/comparisonchart/test.png
But it should look like:http://whitakerweb.net/hen2/images/comparisonchart/test.png

Also make sure that all the images are placed to the folder specified in the path.

You have a great day!
Last Edit: 6 years 9 months ago by Nadine.
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20700

I have to ask again:

This is the string I get when I add the image and link to a normal article in Joomla:

<a href="index.php?option=com_breezingforms&view=form&Itemid=572"><img alt="comparison order" src="images/comparison_order.png" height="40" width="100" /></a>

When adding it to an item in ComarisonChart, the link works fine, but the image is displayed "double" as in the attached screenshot in my previous post.

What do I have to change to get it sorted? Your advise is much appreciated.
Last Edit: 6 years 9 months ago by Christoffer Geijer.
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20703

Hi Nadine,

Thank you for your reply. Looks like I needed to add
http://
before the link to make it fully qualified. Plus I jinxed myself trying to test too many ways and inadvertently had images in wrong places at times.

So, in summary, the only way I cold get it to work (and works beautifully!) is to have the fully qualified URL in the "src=" parameter.

Thank you!
Craig
Last Edit: 6 years 9 months ago by Craig Whitaker.
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20705

Again sorry for butting in, but I have tried adding a full image path:
<a href="index.php?option=com_breezingforms&view=form&Itemid=572"><img alt="comparison order" src="www.mysite.com/images/comparison_order.jpg" height="40" width="100" /></a>

but I still get the "double" image display as explained in earlier posts. What is wrong?
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20715

  • Nadine
  • Nadine's Avatar
Dear Christoffer,

As I've just wrote in your other post, I would appreciate if you could provide me with a temporary admin access (via the ticket), so I could check the problem. since I cannot reproduce it on my test server, I can just try to find the reason right on your site.

You have a great day!
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 9 months ago #20716

Hi and thanks. Sent you the requested information via ticket.
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 3 months ago #21938

Hi Nadine (or any other moderator),

I am returning to this thread that got interrupted a long time ago. I am still struggling to insert an image link in my ComparisonChart and hope that you can help me get it sorted.

In "Edit Items", I have added the following value to the property "Beställ":
<a href="index.php?option=com_breezingforms&view=form&Itemid=572"><img alt="comparison order" src="images/comparison_order.png" height="40" width="100" /></a>

This produces a result as shown in my attached screenshot, the button being displayed doubled with code snippets. To examine it on the live site, please visit: www.webblabbet.se/index.php/sv/produkter...25/jamfoer-webbpaket

Are you able to advise what might be wrong and cause it to display this way? Your advise is very much appreciated.
Attachments:
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 3 months ago #21957

Pretty please?
The administrator has disabled public write access.

Re: How to add an image (with href link) in a det row 6 years 3 months ago #21958

  • Maria
  • Maria's Avatar
  • OFFLINE
  • JoomPlace Team
  • Posts: 1662
  • Thank you received: 388
  • Karma: 36
Hi Christoffer,

I've reviewed the previous correspondence in forum and tickets and would like first of all ask you to make sure that you insert the link into the Comment field, not the Value one.

Should this not help, please re-enable the access which you provided earlier.

Thank you.
JoomPlace Support Team
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.164 seconds

We do our best to secure your data and to be
GDPR compliant.
However, we are not fully there yet.

With that said we'd like you to know that we use cookies.
We store user session cookie only to enable both registered and guest users to use the shopping cart.
Please note that 3rd party cookies may still be encountered on the pages with social media "share" and "like" buttons.

To ensure your privacy we have currently stopped using any analytics tools like Google Analytics.

We anonymize your IP address on the server side so your IP is not tracked by any means.

We DO NOT pass ANY of your data to 3rd parties.
We will do our best to provide maximum transparency in future if anything will change.

Also, we will store cookies to determine if you saw this message.