How to configure Smartload Xpath Exclusion Ignores
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
oceano wrote:
Hello Dan,Okay that's a start.
My site is ariosasia.it , i have picture all over the site
.
Thank you
Do you want Smartload off for the whole site or just certain parts.
If its just parts then give me a screenshot or a good description of the content that you want Smartload to be deactivated.
-
-
-
- Aleexx
- Newbie
- Posts: 4
- Thanks: 0
-
Hi,
could you please give a litte how-to to find the correct xpath? i think it is the same for hybrid, right?
thanks - my joomla | my other joomla
-
-
-
- Julián Fernández
- Sr. Rocketeer
- Posts: 155
- Thanks: 0
-
Sorry, there is a public solution to this? I cant find it in here, but maybe its just my poor english. I can read solved on the topic though but i can not see what anyone can solve with this thread unless "solved" tag its just for mods
- Debian 6.0.4 | PHP 5.3.3 | Apache/2.2.16 | Joomla latest version (1.5.x | 2.5.x)
Current deploys http://www.lospisosflotantes.com.ar | http://www.movimientodesuelos.com
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Okay everybody, I split your posts from the Solved thread to a new thread so we can get some insight on Smartloads Xpath Exclusion Ignores.
WELCOME to SMARTLOAD 101
If your having a problem with images that possibly are being affected by Smartload (a very handy feature to load images that only display on the clients screen monitor area. Helps site load where there are a lot of images) there are some options for you.
Option 1: Upgrade to Gantry 3.1.3 or later versions as it has bug fixes for SmartLoad.
Gantry v3.1.3 available here.
Option 2:
Specify a size for your images, so instead of just this:use width and height attributes:<img src="images/stories/demo/some-picture-of-mine.jpg" />
Option 3:<img src="images/stories/demo/some-picture-of-mine.jpg" width="360" height="240" />
If that didn't work, then try to force the issue by adding some in-line styling:Option 4:<img src="images/stories/demo/some-picture-of-mine.jpg" width="360" height="240" style="width:360px; height:240px;" />
If that didn't work, then go to Admin -> Extensions -> Template Manager -> rt_"template-name"_j15 -> Features -> Smartload -> SHOW=Off and turn Off Smartload.
Option 5:
You want the feature but want to exclude certain images. For this we need to add the appropriate CSS path (Xpath) into the dialog box for Admin -> Extensions -> Template Manager -> rt__j15 -> Features -> Smartload -> Xpath Ignores
Okay...How do I find this path?
You use FireBug, check my sig for links. Firebug is used in Firefox browsers.
So lets say the image in blue is being affected by Smartload and I want to Xpath exclude it. E.g.
This image is hidden for guests.
Please log in or register to see it.
Now if I fire up FireBug and right click on the image ->"Inspect Element" my Firebug inspection screen looks like this:
This image is hidden for guests.
Please log in or register to see it.
You can see Smartload is active on this image by seeing the red-lined codesmartload="x"So looking at this the closest containing <div> for our image is the one defined with the classrotator-preview-imgso we'll choose this one to add to our Xpath dialog.
At this point our Xpath dialog probably looks like this:So we add in our new Xpath separated with a comma from the preceding Xpath's -> like this:ul.menutop,div.roktabs-wrapper,span.image,div.fusion-submenu-wrapper,.module-content ul.menu .image,.roknewspager-div a,#rokintroscroller
After we save and reload our page and inspect with Firebug, we get this result:ul.menutop,div.roktabs-wrapper,span.image,div.fusion-submenu-wrapper,.module-content ul.menu .image,.roknewspager-div a,#rokintroscroller,.feature-block .image-full,.rotator-preview-img
This image is hidden for guests.
Please log in or register to see it.
Now our image won't be affected by Smartload.
For some tutorials on FireBug by James S! see -> http://www.rockettheme.com/blog/team/255-tools-firebug
-
-
-
- ismadman
- Sr. Rocketeer
- Posts: 186
- Thanks: 3
-
DanG you should be on the Payroll !
All of your tutes and fixes are so concise and work
You have put me straight on something that has been confusing me since I started using gantry
BTW it would be great if the SMARTLOAD also had a Mod_example overide .
I have always understood the Com_ overide but the xPath has always confused me
And any documentation ( to me ) is hard to find .
I have been pulling my hair out for a week trying to stop avatars in a new module (zAgoralatest) which pulls all the info into it from the agora forum , changing from small to big randomly . Nothing to do with Rockettheme but smartload was auto sizing the avatars instead of leaving them as a px ratio (40X40)
Until I read this I thought the xPath just needed the class written like a mod suffix
IE:- box1
Upon reading your class addition above i realised that it needed to be the full CSS description in the xPath
IE:- .box1
My problem is solved ( Once again by DanG )
Hats off mate . If you were here i'd buy you a beer ( or 10 lol )
Cheers - Why isn't beer free ?
I OWE DanG : 4This image is hidden for guests.
Please log in or register to see it.
*Payable when it reaches 24
-
-
-
- Jordan
- Elite Rocketeer
- Posts: 613
- Thanks: 0
-
Hi Dan, once again
I have a problem with the Avatar in the Hello Me Login module.
Now.... of course I already checked all the above, and my problem is that the closest div is module-content (which I obviously do not want to turn off).
Please tell me if I'm guessing this right.
I can fix the Smartload bug to this image by adding a certain class to the image html?
Regards,
Jordan
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Flipsider wrote:
I have a problem with the Avatar in the Hello Me Login module.Hi back
Now.... of course I already checked all the above, and my problem is that the closest div is module-content (which I obviously do not want to turn off).
Unfortunately this isn't an exact {Rocket} science, so it takes some tries to get the right <div>.
Try the module content, you're not TURNING it off but just telling SmartLoad not to bother with the images contained by that parent <div>. Or if that affects images you want to keep then start with the <div>'s right above the problem image until you find the right one.
Give it a shot, either way tell us how you make out.
-
-
-
- Jordan
- Elite Rocketeer
- Posts: 613
- Thanks: 0
-
Thanks for replying so soon, Dan!
Yeah see the problem is that the divs are the divs of all module structures I think, like module-content.
If I turn that off, won't it turn off Smartload for all images in.. all modules?
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Flipsider wrote:
Thanks for replying so soon, Dan!You should try to find another to combine with the rt-module-content <div> to provide more specificity for the image your trying to exclude from SmartLoad. E.g. .rt-grid-12,alpha rt-module-content
Yeah see the problem is that the divs are the divs of all module structures I think, like module-content.
If I turn that off, won't it turn off Smartload for all images in.. all modules?
Check this for more info -> http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
-
Time to create page: 0.064 seconds