Custom Thumbnail Size For Section

[clayton47]

How would I go about doing this? I tried just changing it up with some css, but the thumbnail settings over ride anything with the important rule that is attached by default. I want to keep thumbnails the same everywhere buy my home page of my cms.

Any help on this would be greatly appreciated. I have been banging my head for weeks. Found nothing on the forums, or googling.

Thanks, Clayton

[Lynne]

What do you have set for AdminCP > Settings > Options > content management > Use Thumbnails in Preview ? If you have that set to No, then it will use regular CSS to size the images and then you could write some custom CSS for your Home page to change it just there.

[clayton47]

It is set to no. I cleared cache, rebuilt thumbnails. and tried adding new posts and new thumbnails and it still automatically resized them.

Do I need to double click the image and select the size? It only gives me thumnail, med, large, fullsize. Or do I need to select anything if I set my css for the image size?

--------------- Added 1323457565 at 1323457565 ---------------

the default template is "vbcms_content_section_page" if I want to create my own and use it how do I select it or activate it? So pages that I want to use a certain size thumbnail I can, and others that I want to use the default they will. If I address the css for the default template it obviously affects it everywhere.

[Lynne]

It will resize them via this CSS:
.cms_article_preview_image {
max-height:{vb:stylevar image_thumbnail_max};
max-width:{vb:stylevar image_thumbnail_max} !important;
_width:{vb:stylevar image_thumbnail_max}; /*IE6*/
}

[clayton47]

I had already targeted .cms_article_preview_image, but why you include {vb:stylevar image_thumbnail_max}?

Back to my template question, I found the template - vbcms_content_article_preview

Can I create a duplicate of it with a different name, rename some of elements and select where to show this template? If I only want my home page section to show thumbnails a certain way could I do it that way? I dont know how to activate or utilize creating a custom template. Please clarify how I can do that, I would be able to do some really nice stuff If I could only find how to implement the custom templates.

[clayton47]

Lynne could you answer my question on how to use the custom templates. I have found no solid answer anywhere on how to use it once created. *only have found info for when creating a static page. But what about using it for a specific section. And then letting all the other sections use the standard templates.

I would greatly appreciate any help on this!

[Lynne]

Totally replacing the template for one section? The only part I know you may easily replace is the grid via the layout.

[clayton47]

Ok, how can you use a custom template then. If I select a template this is what is shown
vbcms_content_article_preview:

This template has not been customized in this style or any of its parent styles.

Double-click the template name or click the 'Customize' button to add a customized version of this template to the current style and its child sets.

Last edited June 28 2011 at 16:09 by michael.lavaveshkul

So If you create a new vbcms_content_article_preview template named "vbcms_content_article_custom_preview" how would you use it?

[Lynne]

You would need to modify the code, or write some plugin (not sure you can do it via plugin), to render the new template, if in that specific section, which is not as easy as it sounds.

[clayton47]

I know its not easy as it sounds. Thats why I am here asking this specific question. I just dont know why its made so conveniently easy to "create a custom template" for the vbulletin template structure and no way to conveniently use it.

[Dead Eddie]

To be fair, changing the template used on the fly isn't exactly standard functionality.

There's no great way to do it, but you should be able to hook into vbcms_article_populate_start and recreate the $view object.

Completely untested:


if(self::VIEW_PREVIEW == $viewtype && $this->content->getParentId() == 1) //set to the node id of your home page.
{
$view = new vB_View_Article('vbcms_content_article_custom_prev iew');
}


This would have to be repeated for other content types as needed...

(Actually, on second thought, ignore this. It'll only work if your home page content is assigned to the hme page)

[clayton47]

Thank you for your reply. When you say this would have to be repeated for other content types as needed what does that mean?

All I want to do is have a custom structure of my "home" page which is a specific section in vbulletin terms. And only that section use it.

Heres one part of my reasoning for the custom template for the vbcms_content_article_custom_preview vs the default vbcms_content_article_preview - is the default template has css styling that has the *important rule applied that I cant over ride in the "additional.css". So I was going to add some custom div class's to target the thumbnail images for that specific section.

If you have a better way of achieving this please let me know. Cause I want the default to work everywhere else. I already have to manually add the articles to this "home" section as it is.

[Lynne]

You may override CSS. You just haven't told us the exact rule you wish to override so we can't see exactly where it is in your page (which you also have not linked to) and so we can't tell you what to do. Also, even if you do a new basic page, I'll bet you still use a layout/grid and my guess is the CSS is in there. But, we won't know until you tell us exactly what you need to change.

[clayton47]

I want to change the article preview thumbnail in my home page section.

--------------- Added 1323840903 at 1323840903 ---------------

right now when I try to target the element it reflects it everywhere.

[clayton47]

Do you know what I need to do differently?

[Lynne]

How about a link to the section you wish to change and a link to a section that should stay the same.

[clayton47]

Ok I will post a link soon as I get my custom style loaded. I am having difficulty for some reason.

[clayton47]

ok the url is texasmx.com/forums the site is password protected since it is in a testing directory. I will pm you the login details so you can access it. you will see one thumbnail on the home page of the cms in the post "welcome to texasmx" I would like to make the preview thumbnail larger. maybe even full width of that area. and then style the title and preview text differently. I just cant seem to figure how to override the default *important styling. This is the point I was trying to make a custom template and rename the divs around the code that calls the content. Since this is the only section that will really be using thumbnails I can just have the archives of that section display it the same way.

Looking forward to your response!

[clayton47]

Lynne did you happen to take a look yet?

[Lynne]

Lynne did you happen to take a look yet?
I replied to you just after I got your PM.