I have a multivariant field with 5 variants but if I open the dropdown menu you can see only 4, but if you go with the down arrow you can reach the fifth, how can I solve this ?
you can see it at http://mulligan.it/it/attrezzatura-da-golf/ibridi/titleist-816h1-hybrid-25-diamana-m-red-60-hy-senior-detail.html , in the first dropdown menu you can see:
19°
21°
23°
25°
but should have to be:
19°
21°
23°
25°
27°
Thank you.
its in your css file
.productdetails-view.productdetails *:nth-child(6) {
display: none;
}
vivid/css/layout.css
Thank you PRO for your answer...I changed the Display value to block and it works, it's the right setting ? Sorry but my CSS knowledge is not very good :), thank you.
Giuseppe
Another thing PRO... Is it possible that this solution is good also for the problem I wrote about in this topic http://forum.virtuemart.net/index.php?topic=132539.0 ? the only thing I don't understand is why I had the same problem also changing the template!!! does it means that also the Beez template has this setting to be changed?
Thank you, bye.
Giuseppe
I really don't understand... :o I made some tests in local and I noticed that changing to block the display setting in the custom.css (the file I use not to loose the changes I make if I update the template) and that is in the vivid template's folder, affects the layout even if I change the site template from Vivid to Beez!!! are them not independent??
Thank you.
Giuseppe
if the change messes up your layout, you need to separate the styll for it
.vm-customfields-wrap *:nth-child(6) {
display:block;
}
Thank you PRO. I inserted .vm-customfields-wrap *:nth-child(6) {
display:block;
} in my custom.css but nothing happens, still wrong number of variants and the third dropdown menu is not displayed...
.productdetails-view.productdetails.vm-customfields-wrap *:nth-child(6) {
display:block!important;
}
Sorry but not working with this code... it works good with the first you gave me but with that, at the end of the description, I have what you can see in the enclosed jpg.
You have this in your custom.css - is that what you intended?
.productdetails-view.productdetails > :nth-child(6) {
display: none;
}
.manufacturer-image {
margin-left: 60px;
}
.vm-customfields-wrap *:nth-child(6) {
display:block;
}
.productdetails-view.productdetails *:nth-child(6) {
display: block;
}
The code line at the bottom of your image is coming from this:
<script id="vm.countryState_js" type="text/javascript">//<![CDATA[
vmSiteurl = "http://mulligan.it/";
jQuery( function($) {
$("#virtuemart_country_id").vm2front("list",{dest : "#virtuemart_state_id",ids : "",prefiks : ""});
}); //]]>
</script>
But I can't see why. I suspect a coding proble somewhere in the template.
Thank you JenkinHill, I already noticed which was the part of code causing the problem but I don't understand the relation between this code and the dropdown menu, I'm going to check with the template developers, thank you, bye.
Giuseppe