Add new attribute to product images in Magento - magento

Is it possible to add another text attribute to images in magento, same as the label attribute?
Actually, I want to have a select field next to all product images filled with the 'color' attribute values to specify which image is for which color.
We can add attributes via magento admin panel but they all appear as radio buttons like base image, small image & thumbnail.

You can add attribute for each color so that there is radio button next to image for each color. If you have 3 color(say red green blue), then create 3 attributes like red color image, blue color image, green color image. Then in image section you could check on appropriate radio button to identify to which color your image belong to.

Related

how to color a particular part of image in photoshop

Hi guys I am new to photoshop I have spirit image here which has multiple images in same images for example I have cart image here alongside of phone call image. I just want to change the color of cart to red.. I have photoshop and went through tutorials but hue/saturation doesn't help enter image description here
can someone help me or provide me steps how to change color.
Your screenshot seems to show that your sprite image is a transparent PNG, so you can click the Lock Transparent Pixels button on the Layers panel on the right. Then you can pick the color red you want in the Color Picker and use the Brush tool to paint only the cart.
You can select just one image, or a specific part of a larger image, by using the 'magic wand' tool.
Click this icon, or the icon most similar to it in Photoshop:
Magic Wand Tool
Then select your shopping cart by clicking on a portion of it which is colored, then you'll be able to change the color with the paint bucket tool, or by using the menu at the top of the screen.
You'd click 'Edit' then 'Fill' to fill your selection with the color chosen in your color picker currently.
For changing a color you have to go to right footer and there you'll see fx (Add a layer style) -> Color Overlay.
From there you can change the color of your cart
For reference I am attaching the images.
Fx Menu
Color Overlay

Magento 1.9.1 Swatches - Image Groups

After upgrading to 1.9.1 I have the colour swatch selection showing the right product image depending on the colour swatch selected on the product page.
Each product has a few alternative views per colour. These are shown below the main image as predicted as "More Views"
My problem is that ALL colours varients are shown in "More Views" when ideally only the alternative images of the colour selected should be shown.
Has anyone found a way to group the main image and it's alternative colour variant to show dependent on the swatch selected? Please see screen shots.
In 1.9.1 there is a filter inside app/design/frontend/rwd/catalog/product/view/media.phtml that excludes any image with a Label matching any of the color options. All other images you upload on the configurable product will be shown.
On the configurable product, go to images tab and check your images:
You need to have one image checked as Base, Small and Thumbnail
(optional) One or more additional images to show below "More Views" (from one color option only). Do not upload all color options.
One image per each color option to be used as a swatch. Label each one with the color name and add the suffix "-swatch" (i.e. Light Green-swatch)
The RWD theme of Magento 1.9.1 will only swap the main image when you click on a swatch color. Images below "More Views" will remain the same.
You can find more info on this article
I was also wondering about this... but I think the media gallery won't change out of the box in 1.9.1. However, you might be able to show and hide some image groups via CSS/JS to only show the associated images of the currently selected option.

Change Background color or particular cell containing image in kendo grid

I have added columns dynamically in kendo grid. The first column in the grid is displaying image for each row. I have added on change event for the selected row. On click of the row I have added css to display the selected row as Gray color.
But the first column that displays the image doesn't display in Gray entirely when the row is selected.
The part of image background is displayed in white and not gray.
This is how I have added the image in the grid column.
TitleArray.push({ template: "<img src='/Images/Icon.PNG'></img>", width: 35 })
I have added the attachment that displays the image issue here.
The selected row is displayed as Gray. But the image column is displaying a white region around the image and I don't want it like that. It should entirely display in the Gray color.
I want the entire background to display in Gray.
Please tell how can I do this.

Change white png image to specific colour

I have a white png image, which is a part of a n icon.
I would like to change it's colour to get a coloured icon.
I know it is possible with hue/saturation setting, but don't know how to achieve a specific colour output.
I am using Axialis Icon Workshop (I have Photoshop CS5 also). The colourize option along with Hue, Saturation and Brightness adjustments will assist getting any colour output. But I specifically want colour #3366CC.
Is there a solution to convert my white png image to #3366CC coloured image?
This can be easily achieved if you go to the layers panel in Photoshop and select your icon layer. If the icon has a transparent background then select the fx button from the bottom of the layers panel and select color overlay or go to the menu at the top of the Photoshop screen and select Layer > Layer Style > Color Overlay. From the options box select the color box and put in 3366cc instead of the ffffff you have.
This should give you a coloured icon as desired. If this doesn't work let me know and I'll try to help.
You can go to layer style and choose color overlay, but that wont give you the color as you exactly want it, you can go a step further and hold the control key and click on the shape or the image you want to change the color, the shape will be selected, make a new layer on top of the shape or image that you want to change the color then fill in the color with the color that you choose in the layer property and set the mode to overlay, reduce the opacity to 50%. done

RDLC Moves Up Visibility Hidden

Hi I create a RDLC windows report , I put one logo Image top of page, and I put one textbox center of page.
And I set Visibility of Hidden Of Logo Image that
=iif(Parameters!TXTGOSTER.Value="Show",false,true)
When I set TXTGOSTER parameters with "Hide" the logo image hidden its ok but the TEXTBOX MOVES UP , not center of page.
How can I fix position of text box that does not move up when the image hidden.
Thanks.
You can add one table with 2 rows and 1 column: the first row contains the image, the second row, bigger, has the title text in the center.
Hope it helps.

Resources