Category: Website Development

How to Add a Drop-Down Menu for a Product Attribute in WooCommerce: A Step-by-Step Guide

If you’re an eCommerce store owner using WooCommerce, you may want to add a drop-down menu for your product attributes to improve your customers’ shopping experience. A drop-down menu can make it easier for customers to select variations of a product and can increase sales. In this post, we’ll guide you through the steps to… Continue reading How to Add a Drop-Down Menu for a Product Attribute in WooCommerce: A Step-by-Step Guide

How to Make JQuery and Prototype

How to Make JQuery and Prototype work on same page? What is the Problem? My jQuery don’t work with Prototype? My jQuery don’t work with lightbox? $-function is the problem. What is the Solutions? To remove or modify the cause of the Problem i.e the $-function Solution1 – Override the $-function Override the $-function such… Continue reading How to Make JQuery and Prototype

How to remove mootools.js

I will start with easiest way to remove mootools.js and caption.js from you templates. Just comment or remove them… However there are some other more fancy ways: For most Joomla 1.5 template, they don’t use mootools.js and caption.js at all. These two JavaScript libraries are mainly used in the administrator control panal. Their size are… Continue reading How to remove mootools.js

Site Map and Preview Before Visit (PBV)

Create Site Map for your web site. Types of Sitemap. What is Preview Before Visit (PBV)? How create a "Preview Before Visit" feature? How to create a "Mouse Over screenshot viewer"? How to create a ‘Link to Us’ page? HTML sitemap is a page listing the pages of your site – often by section –… Continue reading Site Map and Preview Before Visit (PBV)

CSS for background image

You want to have a background image on the page that stays in its position even when the page is scrolling body {   background-image: url(images/background.jpg);   background-repeat: no-repeat;   background-position: center;   background-attachment: fixed; } Shorthand CSS would be: body {   background:url(images/background.jpg) no-repeat center fixed; } Other solutions, fixing the image a certain distance from a side: body… Continue reading CSS for background image

Exit mobile version