ask about product -popup box

Hi.

My issue...
When click on "ask bout this product" opens in full screen.
I want to open in small popoup box.
How can i edit this?

http://rv-studio.si/trgovina/index.php/e-trgovina/modni-dodatki/komplet-prstanov-zlata-barva-detail/askquestion?tmpl=component

best regards
Sebastijan

Hi

Please try edit file /html/com_virtuemart/producdetails/default.php and put this code on top:

Code: Select all

<?php JHTML::_('behavior.modal'); ?>


hi...

i try..but not work

regards
Sebastijan

Hi

Please try locate this code in the same file:

Code: Select all

<a class="ask-a-question" href="/trgovina/index.php/e-trgovina/modni-dodatki/komplet-prstanov-zlata-barva-detail/askquestion?tmpl=component" ondragstart="return false;">Povprašajte o izdelku</a>


and add a class "modal" next to "ask-a question". Try also with removing "ask-a-question" if the first option will not work.

If problems will be still I will need an access to FTP.

hi..

now works..
hmmm and now i have other issue...
When click add to cart...popup box not like the original...any help?
see picture

Regards
Sebastijan

Hi

This is odd. Looks like the code is broken. Have You made any changes to /html/com_virtueamart other than I've asked You above ?

I will need an access to joomla panel and ftp to figure this issue out.

Hi.

I send you PM with access detail.

Regards
Sebastijan

Hi

I cannot tell if the html code is different becuase of VM update or personal chnges. Anyway a style code can be adjusted. Try add this code to override.css:

Code: Select all

#fancybox-content {
    overflow: hidden !important;
    display: block !important;
    padding: 20px !important;
    width: auto !important;
}
#fancybox-content > div {
    padding: 10px 30px 50px 10px !important;
    position: relative;
    text-align: center;
}
#fancybox-content > div > a {
    background: none repeat scroll 0 0 #212121;
    border-radius: 2px;
    bottom: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 12px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
}
#fancybox-content > div > a.continue {
    left: 10px;
    right: auto;
}
#fancybox-content > div > a:hover {
    background: none repeat scroll 0 0 #FB5A29;
}
#fancybox-content > div > h4 {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
    min-width: 300px;
    padding: 0 0 10px;
}


hi..

tnx..
now works

best regards
Sebastijan

Hi

No problem. Glad I could help