Some features requests for LayTheme

[Richard]

Dear Alasdair

@alasdair17

Unsure myself sorry, this will be up to Armin. I will email him for further insight 🔍

---

Best

Richard

[arminunruh]

hey thank you very much for these ideas, i wrote them down and will work on them when i got time, will take some time though

[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.