Topic Thumbnail for IPS4.x

[onlyME]

@Namo

Your theme uses css that overwrite ipsGrid

@supports (display: grid){

	[data-ipsgrid-minitemsize="500"]{
		--grid-min: 400px;
	}

	[data-ipsgrid-minitemsize="400"]{
		--grid-min: 400px;
	}

	[data-ipsgrid-minitemsize="350"]{
		--grid-min: 350px;
	}

	[data-ipsgrid-minitemsize="300"]{
		--grid-min: 300px;
	}

	[data-ipsgrid-minitemsize="250"]{
		--grid-min: 250px;
	}

	[data-ipsgrid-minitemsize="230"]{
		--grid-min: 230px;
	}

	[data-ipsgrid-minitemsize="200"]{
		--grid-min: 200px;
	}

	[data-ipsgrid-minitemsize="170"]{
		--grid-min: 170px;
	}

	[data-ipsgrid-minitemsize="150"]{
		--grid-min: 150px;
	}

	[data-ipsgrid-minitemsize="100"]{
		--grid-min: 100px;
	}

	[data-ipsgrid-minitemsize="60"]{
		--grid-min: 60px;
	}

	[data-ipsgrid-minitemsize="40"]{
		--grid-min: 40px;
	}

	.ipsGrid{
		display: grid;
		grid-gap: var(--grid-gap);
		grid-template-columns: repeat(12, 1fr);
	}

		/* Forces truncated text to work */
		.ipsGrid > *{
			min-width: 0;
		}

	[data-ipsgrid-minitemsize]{
		--grid-fill: auto-fill;
		grid-template-columns: repeat(var(--grid-fill), minmax(calc(var(--grid-min) + var(--grid-gap)), 1fr));
	}
  
	.ipsGrid + .ipsGrid{
		margin-top: var(--grid-gap) !important;
	}

		.ipsGrid > [class*="ipsGrid_span"]{
			width: auto !important;
			margin: 0 !important;
			float: none !important;
			height: auto !important;
		}

		.ipsGrid::before,
		.ipsGrid::after{
			display: none;
		}

	.cPromotedImages{
		--grid-gap: 0px;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span1{
		grid-column: span 1;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span2{
		grid-column: span 2;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span3{
		grid-column: span 3;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span4{
		grid-column: span 4;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span5{
		grid-column: span 5;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span6{
		grid-column: span 6;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span7{
		grid-column: span 7;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span8{
		grid-column: span 8;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span9{
		grid-column: span 9;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span10{
		grid-column: span 10;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span11{
		grid-column: span 11;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span12,
	.ipsGrid:not([data-ipsgrid-minitemsize]) > :not([class*="ipsGrid_span"]){
		grid-column: span 12;
	}

	@media (max-width: 979px){
		.ipsGrid.ipsGrid_collapseTablet:not([data-ipsgrid-minitemsize]) > [class*="ipsGrid_span"]{
			grid-column: span 12;
		}
	}

	@media (max-width: 767px){
		.ipsGrid.ipsGrid_collapsePhone:not([data-ipsgrid-minitemsize]) > [class*="ipsGrid_span"]{
			grid-column: span 12;
		}
	}

	/* Ensure that grids don't span wider than the viewport on mobiles */
	@media (max-width: 550px){
		[data-ipsgrid-minitemsize="500"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 450px){
		[data-ipsgrid-minitemsize="400"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 400px){
		[data-ipsgrid-minitemsize="350"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 350px){
		[data-ipsgrid-minitemsize="300"]{
			grid-template-columns: 1fr;
		}
	}

	/* Allow profile photos to wrap on clubs */
	.cClubCard .cClubCard_memberList{
		white-space: normal;
	}

	/* Profile actions on mobiles */
	@media (max-width: 767px){
		header[data-role='profileHeader'] .ipsGrid{
			display: grid !important;
		}
	}

	/* Profile followers */
	#elFollowers .ipsGrid{
		grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
		--grid-gap: 5px;
		padding: 5px;
		margin: 0px;
	}

	#elFollowers .ipsGrid > li{
		grid-column: initial;
	}
  
  	/* Fix gallery albums in Calendar events */
    .cGalleryMiniAlbum{
        --grid-min: 210px;
    }
      .cGalleryMiniAlbum > li::before{
          content: '';
          display: block;
          padding-bottom: 100%;
      }

}

Try to remove it to see the grid works.

[Namo]

Thanks. How to change to 6 per line?

 

[onlyME]

@Namo edit your theme > core > global > plugins > bim_tthumb_showGridview

Find ipsGrid_span13 and replace by ipsGrid_span2

[Joel R]

Hi @onlyME

I wanted to let you know that I use Topic Thumbnail app, and would appreciate an upgrade to 4.4 when it becomes officially available. 

[Sp4x]

Hey @onlyME 

I installed your Plugin on my Forum (v4.4.3) but i dont have an Menu Entrance under Design for Setting up the Application. 

[onlyME]

44 minutes ago, Sp4x said:

Hey @onlyME 

I installed your Plugin on my Forum (v4.4.3) but i dont have an Menu Entrance under Design for Setting up the Application. 

Hi, it’s in Community > Forums > Settings > Topic Thumbnail (the white button on the top right)

[Sp4x]

Ah well hidden. Found it, thank you!

[Allfict]

Hi I have your plug in, but I don't have access to your file to re download or renew. 

 

also is there a way for the topic thumbnail block to be different under each forum category? mine's will always be the same for each category. I want it to get different topics under different forum categories.

 

Edited August 20, 2019 by Allfict

[onlyME]

Just now, Allfict said:

have your plug in, but I don't have access to your file to re download or renew. 

Hi,

Try to open a support ticket to IPS, they will generate a new invoice for you to renew the app.
 

2 minutes ago, Allfict said:

o is there a way for the topic thumbnail block to be different under each forum category?

No, it only displays the thumbnail from the latest topic for a category.

[Allfict]

1 minute ago, onlyME said:

 

No, it only displays the thumbnail from the latest topic for a category.

Can you please add it as a feature?

[Brenth]

Is it possible to add the thumbnail on RSS feed? So we can call it there?

[onlyME]

Just now, Brenth said:

Is it possible to add the thumbnail on RSS feed? So we can call it there?

Hi,

I will consider it.

[Brenth]

Just now, onlyME said:

Hi,

I will consider it.

Thank you very much, I have purchased this product to use it as RSS thumbnail (i thought it was there).

I checked this website rss and have <thumbnail> tag on it, searched in marketplace thought it was your app. I think they are customized but if you ever include it on RSS that would help my website to get finished. Thank you!

I want to use it on my website something like this:

[xtech]

There is some kind of bug when you have IP pages creating forum topic when new article is posted.

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist. 

If i try to manualy edit the thumbnail at Topic Thumbnail (the dialog where you choose if you want to upload an image or use the topic thumb) it automatically shows the photo of the topic:

Yet if i click save i get this empty dialog:

Clicking OK gets back to the dialog and does nothing.

[onlyME]

1 minute ago, xtech said:

There is some kind of bug when you have IP pages creating forum topic when new article is posted.

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist. 

If i try to manualy edit the thumbnail at Topic Thumbnail (the dialog where you choose if you want to upload an image or use the topic thumb) it automatically shows the photo of the topic:

Yet if i click save i get this empty dialog:

Clicking OK gets back to the dialog and does nothing.

OK, I will test it.

[onlyME]

On 11/2/2020 at 4:11 PM, xtech said:

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist. 

I can't reproduce the problem. Try to disable Cache Image (in settings) and test it.

On 11/2/2020 at 4:11 PM, xtech said:

Yet if i click save i get this empty dialog:

You need to select an image instead of clicking save button. Anyway, I will update the missing language bit, it should be "Please select one image to set as topic thumbnail".

[xtech]

8 hours ago, onlyME said:

I can't reproduce the problem. Try to disable Cache Image (in settings) and test it.

On 11/2/2020 at 9:11 AM, xtech said:

I am testing it. I would prefer not to disable image cache as i have these pictures in blocks at the home page and it would slow it down. Let's see what happens in the next days.

8 hours ago, onlyME said:

You need to select an image instead of clicking save button. Anyway, I will update the missing language bit, it should be "Please select one image to set as topic thumbnail".

Thank you! I didn't know i could select the image... I've done it and for now it is working, but i'll wait a couple of days to see if the image is kept working.

[onlyME]

3 minutes ago, xtech said:

am testing it. I would prefer not to disable image cache as i have these pictures in blocks at the home page and it would slow it down. Let's see what happens in the next days.

Please give me acp access if it still has problem so I can take a look.

[Brenth]

Still waiting for this to be implement on RSS 😄 (just image tag)

[onlyME]

Just now, Brenth said:

Still waiting for this to be implement on RSS 😄 (just image tag)

unfortunately, I haven’t found a solution yet 😞 

Edited November 12, 2020 by onlyME

[onlyME]

Thank you so much for being a client!

The Invision Community Marketplace is closing on October 30, 2023, so I am moving all of my files over to my site ipsappzone.com

• How to transfer Marketplace files from IPS to me -- read this link
• Need help? PM me or get support on ipsappzone.com
• Want to buy? Browse my updated files hosted on ipsappzone.com

Bookmark https://ipsappzone.com and the new Marketplace Directory https://invisioneer.org