gbinghan[dev-blog]

Notice : This is a beginner post (that some of you might think is a waste of time) CSS3 has tons of awesome improvement, which a lot of them I don't know or notice. Today, I discovered " text-overflow " style, which is super handy for hiding overflowing text. I discovered while browsing the source for Gmail.com. (Actually I was looking a the scrollbar for the side panel wondering how it works and accidentally stumble upon this :p ). Notice the the longer text "Acquaintances" changes to "Acquaintan" when the width of the parent container shrinks. The style behind this is overflow: hidden; text-overflow: ellipsis; white-space: nowrap; You might wonder why I'm so excited about this? Because in the past, I used to do a lot of text-length-checking on the server side before outputting the text, reducing the number of characters and append "...". Now this can be done easily on the browser part using just CSS! No more inef...

After setting up Virtuemart in Jooma, naturally the the search module in Joomla to return the results of the products available. But, the default search in Joomla will return all the pages in Joomla, instead of the list of products. To solve this, we can install search extensions (modules). There are a lot of free search modules out there, but I'm only going to introduce this particular AJAX search module called "VM Live Product Search". This module will return search results in a floating box for user to select from. [Module] VM Live Product Search Download: http://extensions.virtuemart.net/index.php?option=com_sobi2&sobi2Task=sobi2Details&catid=9&sobi2Id=92&Itemid=2# To edit the CSS, go to /public_html/shop/templates/default/css , and  /public_html/shop/modules/mod_vm_live_product/css . To Disable Auto Redirect (I'm still working on it... hehe ) "Recently Viewed Products" section To remove "Recently Viewed Products...