link to comments
By Peter Ashford on Thursday, 24 September 2015
Posted in Technical Issues
Replies 28
Likes 0
Views 557
Votes 0
Hello,

I have ccomment from compojoom.com setup with easyblog.

When I go into the blog front page (where it shows the list of all the latest posts to read), if I click on the Comments link for any post it takes me into the post, but it doesn't scroll down to the comments area.

I reported this to Compojoom and they advise that this is an issue with Easyblog - see reply below. They have given me a workaround by creating an override, but this should really be fixed. could you please take a look. This is the page on my site. Title

cheers Pete

REPLY FROM COMPOJOOM
The issue here is that easyblog is not calling our readmore function. Instead, they are fetching the number of comments and making the link to the blog article themselves. This link just open the article and it doesn't set the #!/ccomment part.
You could fix this by making a template overrride for your easyblog layout. Find the part where they generate the link to the comments and just add #!/ccomment.

2ND REPLY FROM COMPOJOOM
Yea, I would say thta this is an easyblog issue. I've notified Mark about that. They are not using our function that renders the "write comment (x comments)" . They just look for the number of comments and create a standard link to the blog item. Our link needs to have the #ccomment in order for the browser to scroll down the page and focus on the comments. That's all.
Hey Peter,

I am really sorry for the delay of this reply as it is a public holiday for us here.

You can customize on this file -> JoomlaFolder\components\com_easyblog\themes\wireframe\blogs\latest\default.main.php


// LINE 196

					<a href="<?php echo $post->getPermalink();?>"><?php echo $this->getNouns('COM_EASYBLOG_COMMENT_COUNT', $post->getTotalComments(), true); ?></a>


Can you take a look of my screenshot below, may i know which file is generate this code?
Arlex Wong
·
Thursday, 24 September 2015 12:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for pointing out where to place the over ride. I'll test that later.

I don't which file exactly generates the code you highlight - I can ask Compojoom if you want?

If this something you can fix with Easyblog?

thanks

Pete
Peter Ashford
·
Friday, 25 September 2015 05:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Peter,

I am really sorry that delay of this reply,

You're welcome Yes, that was great if you can consult with Compojoom developer which file is generate this code, so that you can confirm the correct #!/ccomment then add on Easyblog file.

By the way, we will see if we can implement this better way in the future.
Arlex Wong
·
Sunday, 27 September 2015 09:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

Response from compojoom below.



Hey Peter,
Why do they want to know that? What are they trying to achieve? Or what are you trying to achieve

It's in this file components\com_comment\templates\default\default.php

Regards,
daniel
Peter Ashford
·
Wednesday, 30 September 2015 16:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

I've modified this file for you to try. Please replace the attached file in: ../components/com_easyblog/themes/wireframe/blogs/latest/default.main.php and see how it goes.
Nik Faris
·
Wednesday, 30 September 2015 16:42
·
0 Likes
·
0 Votes
·
0 Comments
·
I'm sorry. Here is the file.
Nik Faris
·
Wednesday, 30 September 2015 16:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick,

thanks for the response.

Just tried that and it hasn't made any difference. I cleared cache too.

cheers Pete
Peter Ashford
·
Wednesday, 30 September 2015 17:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Just realised your said to put it into wireframe. I don't use wireframe, I use plain. Put it in there and it works :-) I'll do some more testing and let you know it any issues.

Is this something you will put into future updates? Or is it bespoke to me?

thanks PEte
Peter Ashford
·
Wednesday, 30 September 2015 17:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

Can you provide your FTP access so I can apply it for you.
Nik Faris
·
Wednesday, 30 September 2015 17:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick,

I have applied it to the Plain theme area and it works.

Just need to know if this patch will be included in your next update to Easyblog?

thanks Pete
Peter Ashford
·
Wednesday, 30 September 2015 17:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Pete,

For now, there is no plan to include this fix because the way we generate the link is a normal permalink for post. If we want to implement this, we need to consider the other comment integration. You can use the template override method so that this customization will not get updated when you update Easyblog in the future.
Nik Faris
·
Wednesday, 30 September 2015 17:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok no worries.

Can you give me details the code I need to change? If you update this file in the future, I would rather override with that, rather than an older version.

thanks Pete
Peter Ashford
·
Wednesday, 30 September 2015 17:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Pete,

It is in line 196.
Original:


<a href="<?php echo $post->getPermalink();?>">


Modified:


<a href="<?php echo $post->getPermalink() .'#ccomment-easyblog-'. $post->id;?>">
Nik Faris
·
Wednesday, 30 September 2015 18:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I have just noticed that this is also an issue on the blog post page itself too. Go to http://www.cyclingtouring.org/blog/entry/micro-mini-cycle-tours and if you click on the comments link by the title and hits, etc.. it doesn't work.

how can I fix this too?

thanks Pete
Peter Ashford
·
Saturday, 03 October 2015 07:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Peter,

EasyBlog uses the #comments anchor. You could just edit Compojoom's template file and add the following 



<a id="comments"></a>
Mark
·
Saturday, 03 October 2015 16:23
·
0 Likes
·
0 Votes
·
0 Comments
·
I'm not sure where I would even add that? I'll forward your comments to Compojoom and see if they can help.

This was their previous response...

Well, what means specific to ccomment? The link that they generate should point to the section where the comments are supposed to be in easyblog. And that is not the case. If they make a generic div that would hold the comment system -> they could link to this thing from the start page and then you wouldn't notice any problems since the page would be centered at the comments.
Peter Ashford
·
Thursday, 08 October 2015 04:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

What Mark tried to say is, it is better to edit the Compojoom template file to follow the anchor link in Easyblog. However, here is the modified Easyblog file that follow the Compojoom format. Please replace the attached file in: ../components/com_easyblog/themes/wireframe/blogs/entry/default.php. Please backup this file before upgrade Easyblog in the future or you can do the template override.
Nik Faris
·
Thursday, 08 October 2015 11:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Nick,

could you please confirm the changes you made to the code? So I can keep a note for future upgrades. thanks Pete
Peter Ashford
·
Friday, 09 October 2015 05:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Just tried adding the file in to test and it doesn't work. the link doesn't scroll down to the comments.

Also just noticed that the other fix for the original issue I logged with comments, causes the Continue Reading button to disappear in normal view. It is only when you hover over where the button normally is, that you see the link to continue reading. See this link
http://www.cyclingtouring.org/blog
Peter Ashford
·
Friday, 09 October 2015 05:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello - Sorry to harass! Is this something you can help with today? Just want to get the continue reading button showing again at least. thanks Peter
Peter Ashford
·
Friday, 09 October 2015 14:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Peter...

I dont work for Stackideas, just trying to help...

you can edit your custom.css file in your template directory and add the following to at least get the CONTINUE READING link to show up...

div#fd.eb .btn {
color: #000 !important;
}

This is just a temporary solve.
Benjamin
benjamin beaugh
·
Friday, 09 October 2015 20:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Peter,

I am really sorry that delay of this reply,

Regarding with your first issue, it seems like it did aut scroll down to comment area, perhaps you can take a look of my video link here : http://screencast.com/t/ATInCtUDRtZE

Regarding with your read more link issue, perhaps you can try benjamin css solution and see how it goes?

What you do is copy this following css code in your site -> JoomlaFolder/templates/jsn_venture_pro/css/custom.css
div#fd.eb .btn {

color: #000 !important;

}

Then clear everything cache and see how it goes?

By the way, thanks for sharing benjamin
Arlex Wong
·
Saturday, 10 October 2015 04:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the reply.

Think there has been a slight confusion. There are two separate pages with the scroll down issue. The first one is the main blog page (where it shows all latest posts with read more buttons). that page now scrolls down, but the read more link has disappeared. I will try the Css fix later and let you know. Thanks to Benjamin for the suggestion.

The 2nd page where the comments auto scroll doesn't work is from the blog post page itself. The comments link at the top, by the title, etc.... I tried the other fix for that and it didn't work.

Thanks Pete
Peter Ashford
·
Saturday, 10 October 2015 04:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Peter,

I am really sorry for the delay of this reply as it is a weekend for us here.

I've tried to inspect your site element, it seems like that code is not updated as my colleague provided that file at above reply -> http://stackideas.com/forums/link-to-comments#reply-228724

Can you provide us with your Joomla backend and FTP access so we can check on this?
Arlex Wong
·
Saturday, 10 October 2015 15:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

Thank you for all your help. Do appreciate it.

1. The first fix has been applied to the main blog page and it does scroll down ok. I have applied the CSS fix and that now shows the 'continue reading button'. To finish this off, could you please let me know the other CSS lines I need to add to get the complete styling of the button? The current CSS fix just shows the text and no button, border, changes when clicked/hovered etc...

2. I have applied the other file to /components/com_easyblog/themes/wireframe/blogs/entry and it doesn't work? It is applied now on the live site if you want to see.

thanks Pete
Peter Ashford
·
Monday, 12 October 2015 20:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I have now got the comments scroll working on the other view by doing an over ride with ccommment. so both scrolls are now working.

Just need some help with the CSS styling for the button from item 1 in my last post.

cheers Pete
Peter Ashford
·
Wednesday, 14 October 2015 00:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Peter,
You can try adding the following to your custom.css
Change the colors to meet your needs


div#fd.eb .btn {
color: #000 !important; //Text Color
}
div#fd.eb .btn {
background-color: #ddd; //background of the box
text-decoration: none !important;
border-radius: 5px;
border-color: #525252; //border color
-webkit-box-shadow: none !important;
box-shadow: none;
text-shadow: none;
font-weight: bold;
}


hope this helps!
benjamin


ps, you may need to delete the comments out of the above css code.
benjamin beaugh
·
Wednesday, 14 October 2015 04:17
·
0 Likes
·
0 Votes
·
0 Comments
·
hey Peter,

Thanks for getting back to us your ccomment auto scroll down work fine now.

By the way, thanks for help Benjamin
Arlex Wong
·
Wednesday, 14 October 2015 12:05
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post