Today i updated my firefox to the latest version and one big feature is the reader view for desktop. We launched a webshop two weeks ago and now there is this tiny "reader view" icon. When i click on it i get an error-message. My team-leader wants me to remove this feature when visiting this site.
is it possible to remove or hide the "reader view" feature from firefox when visiting my site?
There is currently no legit way of disabling Reader View for your website. Reader View is supposed to automatically detect on what pages it should be available and on what pages it should not.
If there is an issue with your website, your best option is probably to report it there: https://github.com/mozilla/readability/issues
You can also find more info about the issues affecting Reader View in Firefox there: https://wiki.mozilla.org/QA/Reader_view
Although I would not recommend it, there might be a way to fool Reader View into thinking it should not parse your website, if you really need to. A quick look at the source code reveals that it will not parse certain type of documents, certain URIs and malformed URLs. You would need to dig in the source to understand how/if your site can safely be adapted to avoid being parsed. The Reader View source code can be found here: https://mxr.mozilla.org/mozilla-release/source/toolkit/components/reader/ReaderMode.jsm or
https://dxr.mozilla.org/mozilla-release/source/toolkit/components/reader/ReaderMode.jsm
This Question shows how to Optimize website to show reader view in Firefox. So you have to ensure that your site is not optimized for the Reader View.
Don't use formatting options that are favoured for the Reader View and so on.
I guess this will suffice:
Don't use the <p> Tag
write all Textblocks in small portions
Here are some more details about the mechanism
Replace p tags with div tags in your page. It worked for me, even when I have div tags with pre tags (preformatted text) on the same page.
There is no way of forcing disabling the Reader View to the user, But if it is important to your site, you can notify the user to disable or not use the reader feature of firefox.
This would be the way to Disable the Reader on the users browser
in the Enter about:config in browser address bar
click the "I'll be careful I promise" box
search for reader.parse-on-load.enabled
toggle preference to false (right click > toggle to false )
close the about:config page > refresh browser > reader view icon has gone
put this code on your css code and you are done !
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,
audio,video,adnav,adheader{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
ok so I have a main horizontal menu that appears on all pages, (company, products, about us) and I want another menu, (vertical accordion on the left side of the page) inside products:
phone
--samsung galaxy s4
--iphone 4
pc
--hp pavilion
--toshiba
and when I clic on any of the sections of the accordion menu the information about each product appears on the right using ajax. I have made the accordion menu as a custom html module and the same with the content that its supposed to appear on the right side (I used modules instead of articles).
Now I'm thinking that its probably better to create another menu for the accordion and that the content should be articles, but I dont know how to make it look like an accordion, and I still need help using ajax to show the content of each product.
the main thing is, I want to use ajax to replace one module for another when I clic on any section of the accordion menu. is there any way to do it, all I could find in google its how to change the main article of the page, for that i have to replace
jdoc:include type="component" and add an event with the url but that replaces everything and I just want to change the right module/article
something like this
I dont know if I explained myself well.
I used shaper helix 2 template
Any help would be appreciated.
Check for some extensions here: http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus
An advice... you better forget ajax to load the catalog because as it used on the example the product pages are missed by search engines, as spiders and crawlers doesn't execute javascript. Try to search for that domain... results don't have any product.
Good luck!
So we have reached that stage in a web dev project where we need to see how things look in IE.
Sigh.
So the fabulous Firebug is not available for IE. But a lite version is - as a bookmarklet, and is apparently compatible with IE6+. But how the how the hell do I add a bookmarklet to IE8?
I am unable to drag and drop to the Favourites bar (is this the same as bookmarks?). I can't add it through the Favourites add option as it contains "illegal" characters.
So how do I do this? All I want to do is inspect the DOM.
Thanks
this is how I did it (IE 8.0.7600.16385 on Win7):
Go to some Firebug Lite page (http://getfirebug.com/firebuglite).
Click the "add to Favorites Bar"
button on the Favorites Bar.
This
will give you a bookmark to
http://getfirebug.com/firebuglite.
click on the "Firebug Lite" link in Firebug Lite page (http://getfirebug.com/firebuglite).
properties poup will be open. Copy the URL within the popup
Right click on your new bookmark and choose Properties.
Paste the URL into the URL box and close.
If you hover over the new bookmark, it should show javascript:(function(F,i,r,e,b,u,g,L,I,T,E)... etc instead of the link.
Please use this in your jsp
<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>
and you are done.
I've put the HTML draft of the theme so far, with minor CSS edits.
Currently I have all the block posts and everything else that's essential to a tumblr theme but I can't seem to get the {HasPages} block to work properly.
I've tested it on a different tumblr, also. There are pages created and I already have provided some basic CSS for it just in case. But there isn't anything showing up.
Has anyone has this problem and if so, is there a solution I'm missing? The code to display the pages is included.
{block:HasPages}
<ul>
<li>Home</li>
{block:Pages}<li>{Label}</li>{/block:Pages}
</ul>
{/block:HasPages}
Also, is this a valid web masters' question. I'm not sure.
I just had this issue: a link to a page I created didn't show up.
I solved this by checking off "Show a Link to this Page" in the Page options. To find this:
Go to tumblr.com.
In the top navigator click the gear. This is where the settings are.
On the side, click on the blog you want to customize.
A customize button should show up beside the name "Theme". Click on this button.
Now your blog will show up with a Customize panel. In the Customize panel there should be a Pages section. Click the Edit button beside the page and a window will pop up.
You can find the "Show a Link to this Page" option in this window.
Let me know if you need any clarification.
As far as I can see your code is right. Have you clicked the 'show a link to this page' checkbox, which is at the bottom of the page edit popup? I bet that's it... :)
I have also been having this problem. However, everything works correctly on my actual page, even though the theme editor does not appear to be aware of the block on my custom theme, nor does the theme preview seem to be aware of the pages tagged to show.
Have you tried saving your theme and checking the links on the live page?
I'm working on a site in Joomla! and on the homepage, at the top of the article, it comes up with a h1 of the website name. The pagesource says (Note it's not the article title.)
Any idea how to get rid of it?
Thanks,
Steph
You can set this h1 tag not to display via the Parameters - System section of your Menu Item Manager screen in administrator ... this page has a nice depiction of the steps.
It's so simple
Just do the following :
Login to the Joomla Administrator Interface
Go to the Menu Manager
Select your Menu
Select your Menu Item (Home Menu)
On the right hand, Click Parameters (System)—> and in the *Show Page Title—->*Just Select No.
That's all.
This is not the desired solution, since many people, (including myself) actually need to be able to Set/Override the page title (That Appears in the Browser’s Title bar), and setting Page Title to no here will also remove the functionality to Configure the Browser title (which is important for SEO among other things).
Anyway, I have searched and not been able to find a fully correct solution via CMS or PHP Code. The closest solution which is not fully perfect, but unlikely to cause significant (if any) negative effect on your site is through Javascript (Example is JQuery).
jQuery(document).ready( function($) {
$(‘.componentheading’).empty();
});
This can also be done is JS with no JQuery. When I find a better method of doing this I’ll let you know.This should actually be done by removing output from a template file.I don’t know which one yet. When I do, I’ll post it…
When setting the page title not to show in the menu item as stated in other answers, this will not stop the text entered in the page title box being used as the browser title, it will just stop it being shown in the page.
Using javascript to remove it is not a good idea.
1. It will only work for browsers with javascript enabled
2. Search engine spiders will still see it. As the component heading for articles is 'articles' by default it will see all your pages with the same h1 tag.
Just turn it off in the menu item and enter your browser title in the text box above.