Thumbnail different from actual image - magento

Here is a scenerio, on my products page I want to add an image of the product dimensions but for this image I want to use thumbnail which is different from the actual image which will say Dimensions. This will be applied to all the products across the store. So there will be one thumnail image for all the products that will be associated with it’s dimensional image. I want to show it on the gallery page as last image.
Any help would be greatly appreciated.
Regards,
Avian

If I'm understanding you correctly, you just want every product to have a thumbnail that can be set to be one of several images.
You will need to create a custom attribute for your products, and then programmatically set your current inventory to your defaults. (Or manually change them) There is a knowledgebase article that will assist you with custom options (if applicable), or another article I found via Google to assist in custom attributes.

It's likely not the best way of doing it, but an example of the JavaScript method I was talking about is simply to add the following into a JS file on your server.
document.observe("dom:loaded", function() {
$$('.catalog-product-view .image-thumb:last img').each(function(item){item.src = 'http://domain.com/path/to/image.jpg'});
}

Related

Load all images for product without resizing in opencart 2.x

I'm trying to load all images in the product page , but i don't want to resize them.
Does anybody know a simple solution tot do that?
The opencart version is 2.1.0.2
In-order to retrieve images without being re-sized on the product page, you need not re-size the images in the product controller file.
So in the Product Controller File, locate that in /catalog/controller/product/product.php
In the public function index()
Look out for $this->model_tool_image->resize remove the function call and use the link to the image instead to return to the template HTTPS_SERVER . 'image/'. $image_variable provided HTTPS_SERVER is defined in /config.php
Note: $image_variable could be $product_info['image'] or $result['image'] , use your best judgement.
Tip: Use vqmod as you would be modifying the core controller file
In order to use vQmod (according to the process described previously), you can take a look to this method for working with real images instead of thumbnails.
Note that there are other possible suggestions, such as:
OCmod which can be found here
Image Autosize extension which can be found here

Magento how to display a block with a small image over the actual product image by using product id

I have a table which contain some product ids and small images. I need to display the image over the actual product image. how can i display the small image in every place where the product image is appeared, that is: product view, related product, list, grid.. without changing there template.
Is there any programmatic way to display the small image everywhere without the need to change something in every template where the product image is display.
Yes this is quite possible. Not easy though.
There is a helper for that
Mage_Catalog_Helper_Image
Within the helper extend the init function and rewrite the assignment of the watermark. Enable it in backend in system > configuration > design > watermark. Then use the helper init function to assign the additional image you have.
When you are finished, make sure you clean the cache AND image cache. Otherwise the images are not generated.
It is still possible that some images wont have the additional image overlay. But this is more of a template issue that doesn't use the helper function.

How to create featured article listing with an featured image in joomla?

I am pretty new to joomla. The effect I am trying to achieve is http://www.greenjourneys.nl/individuele-reizen.html this. Notice, there is an featured image for each articles.
Can you tell me how to do this?
Just include the image before the page break.
There are a number of components that will allow you to resize the photo easily (or create tumbnails 'on the fly') which would work great for something like that.
However if you just have small images you want to use - simply include the image into the article before the pagebreak and use CSS to control how it lays out on the front page.
You can decide if you want the intro text to show in the main article or not, if you do - then you won't have to include the image again (it will show by default) but if you do not want the intro text to show, just be aware that the image you choose for the front page won't display in the article when clicked on.
Hope that helps.

Have To Render Image Before Title Of Section,Category Article

How can I display a separate image before the title of each section, category and article (image be different)?
I.e. is there a way through admin plugin or some way so that I could render it easily?
I am using Joomla 1.5
Depends on the image. If you mean an icon or small image in front of the saction/category/title then you could do that with CSS and the page class suffix to determine which image displays on which page.
If you mean more like a header image, then you would probably need to do it in a module and assign the module to the page you want to place it in. You'd need a module per image doing it this way.
You could also add the image to the section or category description, then use a template override to place the image where you want it.
On one site we built we have a unique header image on every page. We did it with a module and K2. Again, it depends on what you are trying to do. You would need to give more details to get a specific answer.

Different image sizes in Wordpress

I'm trying to get different image sizes on my wordpress website. For instance, I want the image size "thumbnail" to be displayed in category post list. While image size "Medium" should be displayed on actual post page. Right now, only thumbnail size images get displayed both on post list and on individual post. I realize I need to make some changes in my theme, but exactly what are those?
Look for the template file of your theme that handles the "post page" as you call it- most likely "single.php" (for single posts) and "page.php" (for pages)-unless the theme author has added custom templates- and find where the thumbnail image is being referenced. You should be able to reference the "medium" version of your uploaded image there instead. However, the theme author may be using an automatic thumbnail script to resize your image (such as TimThumb) and not the Wordpress-generated thumbnails as you might be thinking. If this is the case, you will have to swap out the thumbnailing code on the image tag in 'single.php' for a reference to the "medium" image...
Perhaps if you provided the example code in your single.php file where the thumbnailed image is called would help us give you a more specific answer on how you need to changes things.

Resources