Sub page broken css and MaxiGallery questions

58 Posts

tessed Reply #1, 12 years, 9 months ago

Hi ppl,

I am working on lessabots.nl/mdx and am encountering several problems. Using Evo 1.0.12.

1. sub pages of the Fotos page are not showing right, the css file is not being loaded. (Sub pages are reached by clicking on thumbnails.) Could this be because i am not using base href? When i do add it to the head, all i see is a blank page!

2. Fotos page and its sub pages use Maxigallery. It should work like this: thumbnails like on Fotos page at lessabots.nl/fotos.html link to their gallery which open directly in Slimbox, so not showing a gallery page first. Right now i can't seem to align the thumbnails right like at lessabots.nl/fotos.html. And how do i get to open Slimbox after clicking on a thumbnail?

Thanks in advance.

http://www.desse.nl

589 Posts

Eoler Reply #2, 12 years, 9 months ago

Quote from: tessed at Dec 02, 2013, 01:16 PM

1. sub pages of the Fotos page are not showing right, the css file is not being loaded. (Sub pages are reached by clicking on thumbnails.) Could this be because i am not using base href? When i do add it to the head, all i see is a blank page!

BaseHref is mandatory in MODx. How are you including it (site is not reachable at the moment...)

58 Posts

tessed Reply #3, 12 years, 9 months ago

Quote from: danilocuculic at Dec 04, 2013, 01:46 PM

Quote from: tessed at Dec 02, 2013, 01:16 PM

1. sub pages of the Fotos page are not showing right, the css file is not being loaded. (Sub pages are reached by clicking on thumbnails.) Could this be because i am not using base href? When i do add it to the head, all i see is a blank page!

BaseHref is mandatory in MODx. How are you including it (site is not reachable at the moment...)

Both <base href="[(site_url)]"></base> and <base href="[(base_url)]"></base> show a blank page.

Only <base href="http://www.lessabots.nl/mdx/"></base> works.

http://www.desse.nl

589 Posts

Eoler Reply #4, 12 years, 9 months ago

Quote from: tessed at Dec 02, 2013, 01:16 PM

Both <base href="[(site_url)]"> and <base href="[(base_url)]"> show a blank page.
Only <base href="http://www.lessabots.nl/mdx/"> works.

Ah, the site came back.
Let's start with removing duplicate <html> tag:

<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)]><!--><html class="no-js" lang="en"><!--<![endif]-->

Missing [(site_xxx)] settings are usually sign of a misconfigured server and/or PHP...

58 Posts

tessed Reply #5, 12 years, 9 months ago

Done, what's next?

http://www.desse.nl

589 Posts

Eoler Reply #6, 12 years, 9 months ago

Quote from: tessed at Dec 06, 2013, 05:00 AM

Done, what's next?

OK, that's better.

Next step would probably involve disabling MaxiGallery built-in SlimBox mode (display/embedtype and disable_js_libs parameters) that depends of ancient MooTools version and choosing appropriate jQuery lightbox module + including it same way as BXslider, then coding galleryOuterTpl and galleryPictureTpl templates according to chosen module's documentation.

58 Posts

tessed Reply #7, 12 years, 9 months ago

I guess i fixed the base href problem as i found a post describing how to create a snippet to add an uncached base href. As i understand the responsive meta tags were giving problems. It might be true as since i added the uncached base href code i don't get any blank pages anymore.

Now the Lightbox part is still there. This is what i have been playing with all the time:

In the Fotos folder i call three galleries to disable 1 random image from each:

[!MaxiGallery? &display=`childgalleries` &childgalleries_ids=`10,11,12` &childgalleries_order_by=`createdon`!]

In the Training image folder i have this:

[!MaxiGallery? &display=`embedded` &embedtype=`external` &pics_per_row=`4` &pics_per_page=`16` &max_thumb_size=`261` &max_pic_size=`500` &max_big_size=`0` &thumb_use_dropshadow=`0` &keep_bigimg=`1` &galleryPictureTpl=`lightbox_gallery` &disable_js_libs=`1`!]

The Lightbox_gallery chunk has this code:

<li><a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]"
rel="lightbox[set[+maxigallery.picture.gal_id+]]"> </a></li>

http://www.desse.nl

589 Posts

Eoler Reply #8, 12 years, 9 months ago

Quote from: tessed at Dec 07, 2013, 08:54 AM

Now the Lightbox part is still there. This is what i have been playing with all the time: (...)
In the Training image folder i have this:
[!MaxiGallery? &display=`embedded` &embedtype=`external` &pics_per_row=`4` &pics_per_page=`16` &max_thumb_size=`261` &max_pic_size=`500` &max_big_size=`0` &thumb_use_dropshadow=`0` &keep_bigimg=`1` &galleryPictureTpl=`lightbox_gallery` &disable_js_libs=`1`!]
The Lightbox_gallery chunk has this code:
<li><a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[set[+maxigallery.picture.gal_id+]]"> </a></li>

There are multitude of problems on individual gallery pages:
* jQuery is included twice (blocks: "Lightbox" and "JavaScript at the bottom for fast page loading")
* both are too late for the script block in document head:

   <script type="text/javascript">
             jQuery.noConflict();
        </script>

* adding non-breakable space instead of picture thumbs won't make your visitors happy.

Use something like this in Lightbox_gallery chunk:

<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]"
rel="lightbox[set[+maxigallery.picture.gal_id+]]">[+maxigallery.picnumber:is=`1`:then=`
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]"
class="thumbnail" alt=... title=...>`+]</a>

58 Posts

tessed Reply #9, 12 years, 9 months ago

Still no luck? How about disregarding MaxiGallery and just use the Lightbox snippet with a way to manage image folders?

http://www.desse.nl

58 Posts

tessed Reply #10, 12 years, 9 months ago

Fixed it using MaxiGallery in another way.

Thanks for your help!

http://www.desse.nl