VirtueMart Forum

Hello,

I am trying to modify the Product Detail button in virtuemart.  How to do so?

I would like to replace it with a custom design jpg button.  Which file do I need to modify?

The button style is in components/com_virtuemart/assets/css/vmsite-ltr.css line 3. Use the css class in your own template for another style. To find out things like that, you can use Firebug.

how about the search box and button?

I would like to replace it with custom design search box and button.

Use Firebug to identify the styles & code.  http://forum.virtuemart.net/index.php?topic=102850.0

I am using Joomla 2.5.6 and Virtuemart 2.0.10

I wonder how to modify the search box design.  do I need to modify the search module ?

I already try to modify the search module and still not able to see changes: 

I basically want to see another search box with a new style appears next to the old one:

mod_search/tmpl/default2.php



<?php
/**
 * @package Joomla.Site
 * @subpackage mod_search
 * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die;
?>

<style type = "text/css">
#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(Images/search_box.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:-40px;
position:relative; /*important*/
left:800px;
}

#searchwrapper form { display:inline ; }

.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
left:20px;
width:146px;
height:28px;
font:arial;
font-style:italic;
color:white;
}

.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:3px;
left:163px;
width:30px;
height:25px;
}
</style>

<div id="searchwrapper"><form action="search.php">
<input type="text" class="searchbox" name="s" value="Search" onFocus="if (this.value=='Search')this.value='';" onBlur="if (this.value=='')this.value='Search'" />
<input type="image" src="submit2.jpg" class="searchbox_submit" value="" />
</form></div>

<form action="<?php echo JRoute::_('index.php');?>" method="post">
<div class="search<?php echo $moduleclass_sfx ?>">
<?php
$output = '<label for="mod-search-searchword">'.$label.'</label><input name="searchword" id="mod-search-searchword" maxlength="'.$maxlength.'"  class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" value="'.$text.'"  onblur="if (this.value==\'\') this.value=\''.$text.'\';" onfocus="if (this.value==\''.$text.'\') this.value=\'\';" />';

if ($button) :
if ($imagebutton) :
$button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" src="'.$img.'" onclick="this.form.searchword.focus();"/>';
else :
$button = '<input type="submit" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" onclick="this.form.searchword.focus();"/>';
endif;
endif;

switch ($button_pos) :
case 'top' :
$button = $button.'<br />';
$output = $button.$output;
break;

case 'bottom' :
$button = '<br />'.$button;
$output = $output.$button;
break;

case 'right' :
$output = $output.$button;
break;

case 'left' :
default :
$output = $button.$output;
break;
endswitch;

echo $output;
?>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="<?php echo $mitemid; ?>" />
</div>
</form>