Webspeaks

Thursday, January 20, 2011

Quickview: My First Magento Extension

Quickview allows you to quickly view and add a product to cart (without opening the product view page). Quickview shows you all the neccessary product information in a JavaScript popup box. It also enables you to add the required quantity of that product to cart through AJAX so that you do not have to navigate backward and forward during shopping. The current status of your cart is being displayed on the popup window that tells you the number of items and grand total of cart.Further Quickview allows you to share the product information on various social newtorking sites like Facebook, Twitter, Delicious, Reddit, StumbleUpon, Digg, Yahoo etc.
View the Quickview extension here.



Wednesday, January 19, 2011

Disabling Right Click on Web Page/DIV, Disabling Text Copy From a Web Page

Here are few JavaScript code snippets that can be useful on your web pages if you want to diasable right click on your page or on a particular div. You can also disable text selection on your page. Just have a look.
Source:http://amiteighty82.blogspot.com/2011/01/disabling-right-click-on-web-page_19.html

Saturday, January 15, 2011

Google like Instant Preview using jQuery & base64 Image Encoding in PHP

This time I have tried to create Google like instant preview feature using jQuery. All of you guys have already seen the instant preview service on Google search page. Here assume that we already have the preview images of all pages. We will load these images dynamically on JavaScript hover function to show as preview. The main feature of the code is base64 encoding of images. All the preview images are encoded using base64 encoding before being transferred to the client. Although not very useful here, but base64 encoding saves your page loading time because the number of http requests is reduced as each image makes separate http request to the server. But the encoded image is a string so it is loaded with the page code without making any separate http request to the server.



Sunday, January 9, 2011

Stylish Bubbly Image Gallery with jQuery

In this post I have extended the image zoom effect to create an awesome image gallery. This gallery picks a random image from the list and applies zoom effect to it. The result is a beautiful effect like bubbles of water. Like to see it???


Saturday, January 8, 2011

Image Zoom Effect with jQuery

Here is a simple script showing image zoom effect on mouseover. The zoom effect is simply a trick to animate the image to a larger size. But it needs to be controlled by tricky CSS implementation. So CSS+jQuery are enough to beautify your web page with this simple zoom effect. See how does it look...


Wednesday, January 5, 2011

Cool Floating Image Gallery with jQuery

Huh! Fed up with the Magento giant. This time lets play with my all time favourite jQuery. Here I am presenting a beautiful image gallery, no a picture frame with floating images. It contains many images with random floating effect, beautiful enough to be used in your web app. Lets see how does it look...
Live Demo Download Script


Tuesday, January 4, 2011

Implementing Alphabetical Search in Magento

Implementing alphabetical search in Magento can be tedious if you dont know the right approach. But its as easy as anything. You just need to alter two files to make it work.
Note: Do not edit or add this code to your core files if you wish to upgrade Magento to newer versions in the future. Please create below mentioned files in the app/core/code/local directory with complete directory structure as in Magento core.