Joomla Templates Club 406,261 posts

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#191951

Hi,

How do I make the stockable variants drop down bar longer?

Please see the picture.

I can manipulate any other dropdown bar, but not the stockable vartiants drop down bar. Any ideas how I can do that?
Ideally it should be 220px wide, but it is only 100px wide now.

All the best,

Calavaro

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511097

Hi Calavaro,

The width of stockable variant select tag is defined with fixed value in vmcusom plugin so that we will need to hack this VM plugin. You can open pluginsvmcustomstockablestockable.php file and find 291th line:

$html .= JHTML::_('select.genericlist', $option,$optionName ,'class="attribute_list customfield_id_'.$js_suffix.'" style="width:100px !important;"','value','text',reset($options),'selectoptions'.$i,false)."</div>n";

Then change:

width:100px !important;

to

width: 100%;

Then put below css styles override into custom.cs file:

.product-fields select {
width: 100% !important;
}

The select box will display with 100% width (200px) of .product-field then. Remember to back up the stockable.php file before editing.

2 users say Thank You to phong nam for this useful post

1. calavaro
2. mkisite

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#511152

Thank you Leo. It pointed me right at the right spots.

[Author]

Posts