Read more link in blog sider

khm's picture
khm
Wed, 02/10/2016 - 11:34
#1
Read more link in blog sider

Hi

When activating the blog slider (owl) clicking read more takes one to top of page, i.e. main slide is being displayed. It does not jump down to the post/blog item. This is identical on your demo. Is there a way to fix this so that when user clicks read more in blog/owl slider, then it reloads <front> but jumps down to blog post?

Some users might miss the point if a) you click the read more link and then b) have to scoll down to beginning of post (below slider).

Thanks! :)

khoa's picture
khoa
Wed, 02/10/2016 - 17:23

Hello,

Can you please take a look at the picture and let me know this is what you want me to help you?

Image title

Thanks!

khm's picture
khm
Fri, 02/12/2016 - 06:27

Hi there

Yes thanks! A great solution (IMO) would be to insert #aboutWrapper into the url of the blog path. Am using pathauto to convert the node/* path into /node-title. This works fine. But if I try to make it do content/node-title#aboutWrapper the # is being replaced with %23.

It also looks like the prolem affects taxonomy, would be great to apply the same solution to these as well :)

Thanks!

khm's picture
khm
Sat, 02/13/2016 - 05:22

Think I found a solution, at least for the links this seems to work ok.

 This is what I did

1. Open views, select view blog
2. Select Path field
3. Click check box for rewrite results
4. in the white box for rewrite insert: [path]#aboutWrapper
5. Apply and save

However, using this method (unlike your link) #aboutWrapper becomesvisible in the url. I would like a method that hides it.
I still have not found out how to apply the same solution to taxonomy for blog. Maybe you could help me here?

Thanks!

khoa's picture
khoa
Sat, 02/13/2016 - 10:57

Hello,

Just replace #aboutWrapper by the ID of Blog section.

Thanks!

khm's picture
khm
Sat, 02/13/2016 - 11:15

I tried that but then it jumps so far down you cannot read title  It cuts off below posted date, author and tags. 

Thanks!

khoa's picture
khoa
Mon, 02/15/2016 - 05:23

Hello,

I have made changes like you said on our demo. When clicking on DROPDOWN ARROW the page scroll to BLOG section. Please take a look on it.

Thank you!

khm's picture
khm
Mon, 02/15/2016 - 08:02

Hi there

this looks fine but it does not solve referer/url issue with #aboutWrapper being appended and/or visible. Is there a way to hide the #aboutWrapper in the url?

Thanks!

khoa's picture
khoa
Mon, 02/15/2016 - 19:50
khm's picture
khm
Tue, 02/16/2016 - 03:10

Hi there

Thanks for the tips, I read them and they all seem to point in the right direction. Don't quite understand what to put in where. Not that familiar with jquery. 

I suppose whatever is done it has to go into theme.js, possibly somewhere around line 374-379? Or perhaps custom.js? Tried a few of the tips but got neither to work accordingly :)

This tip: http://stackoverflow.com/questions/9509323/remove-the-anchor-id-when-scr...
seemed very relevant, however I could not find any statement like it to comment out. 

The best solution probably would be to remove the #aboutWrapper rewrite with for the blog list. But I cannot get any of the other suggested solutions to work

Thanks!

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.