Magento home page slider full width - magento

I installed the slider extension Auguria Slider but somehow it doesn't work like expected.
How can i make the slider full width?

actually i have installed Auguria Slider first we have to know how we download image
1.first how much pixel you want image
2.consider i want width 1200px height 350px
3.then down load
4.go to magento admin panel select system=>configuration=>right side one option is there that is slider click on
5.it will show slider option
6.how much you want set the value
7.then check your home page magento it will not display do not worry
8. here i have wamp so i go to www=>your folder name=>skin=>frontend=>base=>default=>css=>Auguria=>sliders=>default.css
9.here we have to put some code that is
.auguria-slider-image{
width:1200px;
height:600px;
}
10.i hope it will work good
11.you have change pixel range
conclusion
12.how to know how much pixel we want
13.first go to magento home page cursor put on slider image right click then we will select inspectelement
14.now we see one box left side corner one arrow mark is there click on then go to slider image it will show how much pixel have
15.we have to particular image open paint we can change pixel and size
16.that all
17.i hope it will work finethis image last work good[enter link description here][1]

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

Disable click behavior for images

I am creating html documentation using sphinx and the read-the-docs theme. When I add a scaled image, it can be clicked and pops-up full-size in a new tab. How can I disable this behavior.
For example, I am using the following scenario throughout my document
1) Create a png file, e.g., application-icon.png , to be exactly 10pt by 10pt.
2) Create a document containing:
.. |application_icon| image:: images/application-icon.png
:width: 10pt
:height: 10pt
Click the application icon |application_icon| to display …"
When the width and height scale information are included, the icon displays perfectly and properly sizes even when I view the document on my cellphone. However, the icon is clickable and opens a new tab showing the image.
If I omit the scale information, the icon is no longer clickable, however the image does not scale when the document is opened on my cellphone, instead the image occupies the entire width of the cellphone screen.
Try adding html_scaled_image_link = False to your Sphinx conf.py file. You can find details here.
Inline
.. image:: images/pic.png
:class: no-scaled-link
I kept clicking on them when I was switching between windows/ tabs!

How to re-initialize Image View container with the original size of the image, in LaunchScreen?

In XCode, I'm trying to find a way to re-initialize an Image View container to match with the original size of the image, without entering size (width/height) manually? Is there any button or something to do it quickly?
Ok I've found how to do that. Select the Image View, then click on the triangle symbol on bottom right to deploy a menu then click on Update Frames.

Magento: Detailed Image on Mouse-over for Product Attribute

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.

Magento - Product Page - Load image in main area

In product page, I have one main image and 4 other images coming as thumbnail. I have coded now so that if any of 4 image is clicked, it will be loaded in main image area.
Now the issue comes of size. If I put via resize, each image is resized. If I don't call resize(), then it will show original size without zoom in case of big image.
Can I have something where I find the width and height of thumb nail image too. Based on this, I can code in media.phtml to call Resize() or not.
Can anyone help please?
Jeff

Resources