Some features requests for LayTheme

[arminunruh]

hello!

you can update lay theme and now the elementgrid has these new settings:

[arminunruh]

also new in customize:

Customize → Project Thumbnails → Thumbnail Grid Tag Filter: Option "For Mobile put tags in a scrollable line" and "Mobile Space between Tags (px)"

and

Customize → Project Thumbnails → Thumbnail Grid Category Filter: Option "For Mobile put in a scrollable line" and "Mobile Space between (px)"

[alasdair17]

This post is deleted!

[alasdair17]

Thank you so much @arminunruh - these updates are fantastic!

Can't wait to see more updates! I understand they'll take time :)

Thank you again,

Cheers,

Alasdair

[Richard]

Awesome @arminunruh 💥

[billykioso]

@arminunruh is this available with a Thumbnail Grid?

I want to recreate this site using a Thumbnail Grid with Categories in LayTheme, but the Thumbs must appear in reverse chronological order (ideally, by seeing the 'Published' date in WP which would allow the client to upload old paintings in the future and change their date)

http://clarechapman.com/#/year/2021

[Richard]

Dear @billykioso

The order can be changed Manually, Will forward this idea to Armin ✅
If i am correct it's to add a "reverse order" button to the Thumbnail grid.

(recreate this sveltkit website in laytheme)

Meantime: If you end up with a large amount of categories you could always use jQuery to reverse the order of them:

https://stackoverflow.com/questions/5347839/jquery-reversing-the-order-of-child-elements

---

Best

Richard

[billykioso]

@Richard yes, a "reverse order" button would be fantastic!

I can't do it manually because each painting belongs to different categories and it would be too complicated to do.

I had a look at your link, but I'm not a developer, so not sure how to use the code... Do I simply paste this into the Customs CSS & HTML?

Element.prototype.reverse = function(){
var c = [].slice.call(this.children).reverse();
while (this.firstChild) { this.removeChild(this.firstChild); };
c.forEach(function( child ){ this.appendChild(child) }.bind(this))
}

[Richard]

Dear Billy

@billykioso

var list = $('ul');
var listItems = list.children('li');
list.append(listItems.get().reverse());

You will need to define both the parent container and the children for this to work. The Parent Container being the ul and the children being the li - These ul & li will be called something different in Lay Theme. You may wish to seek the aid of a developer or there is some good documentation that will help you through if you are willing to 🌝

The code above is saying

• " Create a variable (var) called "list"
• This 'list' is equal to the HTML element ul (parent container)
• Then create a variable (var) called "listItems"
• This "listItems" is equal to the variable "list"s Children ( the children live inside the HTML element ul (parent-child relationship).
• The last line is taking these children and reversing them.

Google is your Friend! 🔍

https://laytheme.com/documentation/custom-javascript.html

https://laytheme.com/documentation/custom-css-styling.html

---

Best

Richard

[alasdair17]

Any updates on these feature requests? Cheers @arminunruh and @Richard

[arminunruh]

hey man have been super busy lately, i will take another look at this thread soon

[alasdair17]

@arminunruh Thanks Armin. I really appreciate your hard work that you're putting into improving LayTheme. Cheers.

[billykioso]

@arminunruh @Richard thank you for the 'Reverse Order' button in the thumbnails, it's great! :)

[alasdair17]

Hi Armin, any updates on the possibilities for these requests? Thanks again for your hard work on improving Laytheme.

[arminunruh]

hey there!
thanks for getting back to me about these features!
i will work on them

[arminunruh]

i just released a lightbox addon update. it covers all your requests except zooming by pinching on phone.

[arminunruh]

Images from projects appear/populate instantly from a project when you click on a Tag Bubble.

i think i wont code this feature sorry

[alasdair17]

Hi Armin, thanks for working on these, much appreciated!

Is this one possible as well:

Search bar:

The 'Search bar' finds images based on their caption and opens in a lightbox.

With the pinch/zoom on mobiles, could this be an option where people could check a box as to whether to activate it or not? This is really important for a website I am working on due to the details in some of their horizontal images.

[alasdair17]

also is there something you need to activate to get the media library captions to show on the lightbox? I uploaded a new image into media > library > typed in title into caption box > save but no caption appears?

thanks again for your hard work, sorry if I'm being difficult! it's just this website is so close to being perfect, just need these few more options.

[alasdair17]

Hi @arminunruh any feedback if you have a moment?

I understand the pinch/zoom is probably just not going to happen with lightboxes on mobiles so I'll disable this for mobiles to allow for zooming.

Be great if the Search function could be enhanced to display single images rather than just projects.

Also, I'll retry the media library captions fix, perhaps I need to disable a plugin.