Default attributes arrow

[offoner]

Hi,

I have a dropdown for select sizes in my product page. the thng is that im trying to modify the default arrow shown in the dropdown and i cant find where is it or what i have to change to modify it.

 

Some idea about it?

Thanks

[vekia]

Hi,

I have a dropdown for select sizes in my product page. the thng is that im trying to modify the default arrow shown in the dropdown and i cant find where is it or what i have to change to modify it.

 

Some idea about it?

Thanks

 

what theme you use? what prestashop version?

im affraid that if this is simple <select> box you will not be able to change it.

[UniqueModules]

Even if your theme using <select> it is possible to do that with css appearance but it is not supported by all browsers.

here is example :

http://jsfiddle.net/gwwar/vR53Q/2/

 

better solution is to use Jquery

 

try this plugin : http://gregfranko.com/jquery.selectBoxIt.js/#Description

 

In my opinion is better to leave it as it is

[NemoPS]

I second the jquery.selectbox option. Or, if you are using 1.6, you can change the background image you find at http://127.0.0.1:8080/presta16/themes/default-bootstrap/img/jquery/uniform/sprite.png

[offoner]

Hi!
Thanks to all of you.
I get it more or less...but the thing is now i cant select a size out of stock. Someone can help with this please?
Here is the code,

 

Product.tpl

<div id="attributes">
				<div class="clear"></div>

  
				{foreach from=$groups key=id_attribute_group item=group}
					{if $group.attributes|@count}
						<fieldset class="attribute_fieldset">
							<label class="attribute_label" for="group_{$id_attribute_group|intval}">
                        {$group.name|escape:'htmlall':'UTF-8'} : </label>
							{assign var="groupName" value="group_$id_attribute_group"}
							<div class="selectBox">
                          <div class="box" id="box">Choose your size</div>
					{if ($group.group_type == 'select')}
                            
                          <select name="{$groupName}" id="group_{$id_attribute_group|intval}"  class="attribute_select" onchange="findCombination();getProductAttribute();this.parentNode.getElementsByTagName('div')[0].innerHTML=this.options[this.selectedIndex].text"
                            >
                         
                                
									{foreach from=$group.attributes key=id_attribute item=group_attribute}
										<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
									{/foreach}
								</select>

Product.css

/* attributes */
#attributes select {background: #484848
}

div.selectBox {
   position: relative;
   width: 150px;
   height: 22px;
   border: 1px solid #036;
   background:url('dropdownArrow.png') no-repeat right ;
}
   div.selectBox div.box {
      position: absolute; 
      left: 3px;
      top: 3px;
      width: 124px;
      height: 16px;
      line-height: 16px;
      font-family: arial;
      font-size: 11px;
      color: #036;
      overflow: hidden;
   }
   div.selectBox select {
      position: absolute;
      left: -1px;
      top: -1px;
      width: 152px;
      height: 24px;
      border: 1px solid #036;
      opacity: 0;
      -moz-opacity: 0;
      cursor: pointer;
      z-index:100;
   }
      div.selectBox select option{
         padding: 4px;
         font-size: 11px;
         color: #036;
         border-bottom: 1px solid #eee;
         cursor: pointer;
      }
      div.selectBox select option.ultimo{
         border-bottom: 0px none;
      }

[NemoPS]

Well of course... people won't be able to buy oos products by default, did you allow oos orders from the back office?

[offoner]

Hi Nemo.

I didnt allow oos from the back office but i just want that the customer could select all sizes and then when an oos size is selected write a message..or maybe put a crossroad over the sizes oos? something like this is possible?

Thanks!

[NemoPS]

Ah, wait. You mean you can't even select the out of stock combination? Only after your changes? Is there a chance we can see the site?

[offoner]

No I can't

 

Well,sometime ago I deleted the translation that says something like "this size isn't available.." in product.tpl

 

The option that im looking for is cross out the oos product. Could it be posible that?

 

THanks!