[trendoman]

This is the static working part of filters definition

Code: Select all

      <ul id="filters" class="option-set" data-option-key="filter">
        <li class="filter actcat" data-filter="all">All</li>
        <li class="filter" data-filter="beauty">beauty makeup </li>
        <li class="filter" data-filter="theatre">theatre</li>
        <li class="filter" data-filter="various">various</li>
      </ul>

This is the static part of 1 filtered item

Code: Select all

        <li class="box mix beauty mix_all ">
          <a href="images/portfolio/blackskin-makeup.jpg " data-rel="prettyPhoto[gallery]" class="respimg" alt="darkskin models">
            <img src="images/portfolio/blackskin-makeup-aarni2.jpg" alt="make up darskin models">
            <div class="folio-name clear">
              <div class="folio-overlay">
                <span class="overlay red"></span>
                <h4>Make-Up Artist: Aarni</h4>
                <h6>Beauty Make-Up</h6>
              </div>
            </div>
          </a>
        </li>

In both parts the folder name is the same and this is what really powers this thing. I corrected the missing quote sign " from the source you posted.

The thumbnails were able to fetch folder names after the changes.

Code: Select all

<li class="box  mix mix_all [color=#FF0040]folder-beauty[/color] all" style="display: inline-block;  opacity: 1;"></li>

The filters on the other hand, do not seem to filtering the thumbs. The data-filter=".folder" points to no folder.

Code: Select all

<li class="filter"><a href="#" [color=#FF0000]data-filter=".folder"[/color]></a>various</li>

I didn't quiet understand what you meant with:

Code: Select all

Isn't it the time to align the whole thing to the working static sample? 

[trendoman]

Code: Select all

      <ul id="filters" class="option-set" data-option-key="filter">
        <li class="filter actcat" data-filter="all">All</li>
        <li class="filter" data-filter="beauty">beauty makeup </li>
        <li class="filter" data-filter="theatre">theatre</li>
        <li class="filter" data-filter="various">various</li>
      </ul>

The filters part come to this after wrapping with <cms:folders>

Code: Select all

<ul id="filters" class="option-set" data-option-key="filter">
    <li class="filter actcat" data-filter="all">All</li>
    <cms:folders masterpage='gallery.php' >
    <li class="filter" data-filter="<cms:show k_folder_name />"><cms:show k_folder_title /> </li>
    </cms:folders>
</ul>

Code: Select all

       
        <li class="box mix beauty mix_all ">
          <a href="images/portfolio/blackskin-makeup.jpg " data-rel="prettyPhoto[gallery]" class="respimg" alt="darkskin models">
            <img src="images/portfolio/blackskin-makeup-aarni2.jpg" alt="make up darskin models">
            <div class="folio-name clear">
              <div class="folio-overlay">
                <span class="overlay red"></span>
                <h4>Make-Up Artist: Aarni</h4>
                <h6>Beauty Make-Up</h6>
              </div>
            </div>
          </a>
        </li>
        

the item part turns into

Code: Select all

<cms:pages masterpage='gallery.php' >       
        <li class="box mix <cms:show k_page_foldername /> mix_all ">
          <a href="<cms:show gg_image />" data-rel="prettyPhoto[gallery]" class="respimg" alt="darkskin models">
            <img src="<cms:show grid_thumb />" alt="make up darskin models">
            <div class="folio-name clear">
              <div class="folio-overlay">
                <span class="overlay red"></span>
                <h4><cms:show project_designer /></h4>
                <h6><cms:show k_folder_title /></h6>
              </div>
            </div>
          </a>
        </li>
</cms:pages>      

Does it work this way?

@trendoman: YOU ARE AWESOME.
Can't stress enough my appreciation for sticking with me all this time. I had almost given up myself.

Guess what am trying to say is that everything worked out perfectly with the code that you sent me. Thanks.

Just out of curiosity, does couch permit manual creation of thumbnails for the gallery? The cropped thumbnails are not positioning themselves well within my design and thus the reason i enquire. Of course I could use masonry positioning to correct this if it is not possible to manually upload edited thumbnails via admin.

Either way, I feel that I shouldn't even be putting more queries onto you after all u've assisted me with.

Again, thanks.

[trendoman]

Thanks and welcome Hope you'll find Couch fancy enough for more projects

i sure will. i sure will.