I would like to add thumbnails to my product description area in Magento that when clicked show as a large size in the main image box. The same as what is happening on this page with the different colour options: http://www.weddingstar.com.au/product/love-bird-damask-nut-free-gourmet-milk-chocolate-bar
Any ideas on how to do this would be appreciated. Thanks!
you could take the elements of media.phtml and put it in the description.phtml file. There is a better way to do it but thats a quick and relatively easy way to get it done and polish later. hopefully thats a nudge in the right direction.
Related
In Magento,I am not able to see the product's image in the front end but when I hover the cursor over the product the image just slides in through the left which looks very bad. Can any one please help me how to fix this problem?
I am try to get text to wrap around my intro image, I select float image left but it doesn't float left. Does anyone know of this issue and how to fix it?
This is the site: http://www.benidormallyearround.com/
I think the problem is generated by the block roksocialbuttons, inserting several Div not possible to apply the CSS rule on the image.
Place the image after the social buttons.
you are asking about this attached image alignment issue right? I little confused..
I would like to show a detailed image on mouseover for each of our options.
This is exactly what i am after:
http://www.potterybarn.com.au/textured-solid-pillow-cover
Any idea on how to do that? Or is there a plugin available for that?
Detailed image is usually called product zoom function and it's present in most of magento themes including default ones. It shows original image on zoom function and smaller version of the same image by default.
Images for options function is called color swatch, most of the modules aren't free. But the recent magento 1.9.1 has this feature for free in their new default theme called rwd. There are both color swatch and product image zoom features. You can look how they've done it and extend their solution if you need something more
The easiest way to achieve option image itself on hover would be to use image of resolution you need to have on hover in your configurable product. Then change html of configurable swatch options file. Currently it shows just one image, you can add the same image wrapped in some block. Then change the size of one image to be small, hide block hide big one and show it on hover via css/js.
File with code for swatches: app/design/frontend/rwd/default/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml
/skin/frontend/rwd/default/js/configurableswatches/swatches-list.js
and change line no: 52 "click" to "mouseover"
Then check, if correct please vote me.
Thanks.
I am a beginner of Joomla. Now I simply want to align the image in a article to right of the text.
I did select "right" in the align drop down option when I insert the image, it looks fine in the editor - the image is in the right, but it still goes to left in the real site. Any ideas?
Check you article in HTML edit mode in the editor and make sure your image and text sit inside the same tag. They usually don't and thats why its not looking right. This works most of the time for me.
I am using joomla 1.5 for one of my cms projects. In the top-left corner there is a box with a curve image. But it shows a rectangle box. When I view the source using firebug its shows the curve image so please help me whats problem besides it.
my site url is
http://sunflowerhospital.in/
thanks in advance
Praveen Kalal
Wow, you should seriously consider recoding all of those tables in to some clean DIVs. You've got like 5 nested tables right around the news box that makes it near impossible to tell what is going on.
Anyhow, I digress. The problem is that the image is 184px wide while your box is only 170px wide. The curves are there, but they are outside the bounds of the table.