VirtueMart – Terms Of Service on Joomla 2.5.9 Doesn’t Work

Just as indicated in my earlier post, I’m having troubles making the ToS on my customer’s site work. I later got an idea from VirtueMart forum. Actually, my problem was not having a link to the ToS and got this fixed by editing the laguage file for virtuemart component. If you have similar problems just follow these steps:

1.) Use your favourite editor to open language/en-GB/en-GB.com_virtuemart.ini

2.) Search for “COM_VIRTUEMART_CART_TOS_READ_AND_ACCEPTED” (line 99 on Joomla 2.5.9/VirtueMart 2.0.18a)

3.) Edit and change to:

     <a href=http://www.mydomain.com/index.php/path-to-ToS target=”_new”>Click here to read terms of service and check the box to accept them.</a>

Your ToS should now be linked properly.

 

*) If you use a different language outher than english, you need to change the settings also in that language file same like above but translated as wished. My customer’s web site uses german as the default language for example and the settings is as follows:

1.) Use your favourite editor to open language/de-DE/de-DE.com_virtuemart.ini

2.) Search for “COM_VIRTUEMART_CART_TOS_READ_AND_ACCEPTED” (line 99 on Joomla 2.5.9/VirtueMart 2.0.18a)

3.) Edit and change to:

     <a href=http://www.mydomain.com/index.php/path-to-ToS target=”_new”>Bitte lesen und bestätigen Sie Ihr Einverständnis mit den <em>Allgemeinen Geschäftsbedingungen</em>.</a>


Posted in VirtueMart, Web Design and tagged , , by with 1 comment.

VirtueMart – Terms-of-Service Checkbox Field Shows Up With ToS Disabled

I’m having troubles making the TOS (Terms Of Service) on my cutomers web site work. After much troubleshooting and research on Google, I discovered that the issue has already been reported  on this forum https://forum.virtuemart.net/. There I found the solution and decided to post it here for future reference. Maybe this might help someone else.

This web site in question is using VirtueMart 2.0.18/Joomla 2.5.9

Problem:

After configuring the “Terms Of Service” (shop –> vendor) and making sure the following are activated, the TOS simply cannot be viewed. On the checkout page, the link to the TOS is same as the main index page. (example: http://www.mysite.com/)

a) Must agree to Terms of Service on EVERY ORDER? [checked] (Configuration –> Checkout)

c) agreed (Configuration –> Shopper Fields –> agreed – checked and click required)

Solution:

As there is not fix at the moment, I decided to disable this feature for now by unchecking option “a and b” above. While the TOS link is removed from the checkout page, the checkbox will remain untill you perform the option “c” make sure “Not Required” ist clicked this time.

 

Summary:

VirtueMart v2.0.18 / Joomla 2.5.9

To disable the “Terms Of Service”, do the following:

a) Must agree to Terms of Service on EVERY ORDER? [unchecked] (Configuration –> Checkout)

b)Show Terms of Service on the cart/checkout? [unchecked]

c) agreed (Configuration –> Shopper Fields –> agreed – checked and click Not Required)

I hope this will help someone in search for solutions to these problems.


Posted in VirtueMart, Web Design and tagged , , by with 2 comments.

How To Create And Install A favicon.ico

What is a Favicon

Favicon is short for “Favourites Icon” (“Favorites Icon” for you
Americans ;). The name is derived from the bookmark list for Microsoft
Internet Explorer which is called Favorites/Favourites list.
When you add a site to your Favourites/Favorites list,
Internet Explorer (version 5 and above) asks the server if it has a file
called favicon.ico.
If present, this file will be used to provide an icon that is displayed
next to the bookmark text.

Other browsers such as Mozilla have also added support for favicons. Depending
on the browser, the favicon can appear in a variety of places, not just in the
bookmarks list (in fact, it may not even appear in the bookmark list at all).
It may be shown in the address bar or the title of a browser
tab, for instance.


How to create a Favicon

To create a favicon.ico simply create a 16×16 .PNG file and convert it
to an icon resource with png2ico. If you want, you can add more images to
the same icon resource to provide alternative resolutions. Most
browsers only use a 16×16 image but in a different context (e.g. when you drag
a URL from the address bar onto your desktop) a larger icon may be shown.
If the icon resource only contains a 16×16 image, this will be scaled to the
appropriate size, so technically there is never a need to add alternative
resolutions. However, doing so can increase the quality of the displayed icon.

Keep in mind that for a user with a slow modem a favicon.ico may increase
the page loading time by a few seconds if it is too large, so don’t
overdo it. Adding a 32×32 alternative should be enough to make sure the image
will look good even in contexts with larger icons.
Adding even more and larger alternatives is unnecessary bloat.
Try to keep the number of colors below 16 and create a 16-color icon using
the --colors 16 switch of png2ico (or even create a b/w icon
with the --colors 2 switch). This will result in a smaller
file that loads faster.

When you create the images to include in your favicon.ico, don’t forget
that the icon may be composed against various background colors so
you should use transparency rather than a solid background if you want
to avoid that your icon appears inside a box. Note, that icon resources
only support binary transparency, i.e. a pixel may be visible or invisible
but not something like 30% translucent.


Installing your Favicon

To add your new favicon.ico to a web page put it on the server into
the same directory as the web page it is for
(e.g. www.example.com/foo/favicon.ico for
www.example.com/foo/index.html). That is the first place a
browser will search. If it doesn’t find an icon there, it checks the
top-level directory of the server (www.example.com/favicon.ico
for the www.example.com server), so by putting it there you can have
a default favicon for all the pages in your domain. Depending on
browser and configuration, the favicon.ico is not always
rendered, even if it is in one of the above locations,
unless the web page explicitly declares its presence. To declare that
your web page has an icon, you add the following 2 lines into the
section of your page:



You can also create or convert images (jpg. gif, png etc) into favicon.ico online


Posted in Web Design and tagged , , , by with comments disabled.

Interactive Color Picker

 

 


Hex:
Red:
Green:
Blue:
Hue:
Saturation:
Value:

Open in a new window

 

 


Posted in Web Design and tagged , , , by with comments disabled.

How Can I Make A:Hover (In CSS) Work With Visited Links?

a:hover tag applies to the links
only when they have not been clicked before.

(when a user clicks on the link, goes to the next page and then comes back to
the same page, the link will not look as it was originally)

i tried disabling this by using the same prameters in a:link but the a:hover
stopped working. is there any way to make it work with visited links? or is
there any other tag that has the same effect as a:hover?

Here are the CSS a: classes.

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

These need to be defined in this order or it won’t work (according to the
w3schools).

A:Visited {
font-family:verdana;
font-weight:bold;
color:black;
text-decoration:none;
}

Here are the CSS a: classes.

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

These need to be defined in this order or it won’t work (according to the
w3schools).

just an added tip

your link psuedo classes must be in the following order or they will cause
trouble in some browsers

:link
:visited
:hover
:active

I’ve recently been playing w/
this same scenerio as I build the new site for OU Sooners e-comm site and one
trick is to make sure you have link elements listed in this order because after
all you’re working w/ “Cascading” SS ( in short make sure a:hover is
listed after a:visited)

a link
a visted
a hover

Dont forget you can always set a .class style you like for your text links
before hand (i.e enclosed in a div tag) then after your links take on thier
style you can apply an inline style to your links. ( if that makes anysense at
all)

What browser are you using?
a:hover works the same on visited and unvisited links in IE6 and Firefox 1.5.
Obviously the hover style has to be different from the link or visited style to
be visible.

If you define a:visited {} with
the same styles as the as a {} then your links should always look the same and
a:hover {} should work just fine.

you have to make sure there is no
a:visited set in your style sheets anywhere.

If that doesn’t work you will have to use JavaScript, which can get
complicated.


Posted in CSS, Web Design and tagged , , by with 2 comments.