Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: terms-of-service facebox effect not work

terms-of-service facebox effect not work 11 years 2 months ago #2611

Hi guys,
spent some time to find out lightbox/facebox effect for terms-of-service span class, need to see those terms in div "full-tos" for customer to see and agree, but button / label tosAccepted do nothing.
When I try delete cart folder, with default cart theme button work fine, but cart module stop working, so need to use your cart folder ... Even when I try to change code for terms from default file, I get to lightbox effect but with whole site in container like index with menu so it does not work ....
Part of the message is hidden for the guests. Please log in or register to see it.
Thanks for you support I will get you access if you will need ...
Best Regards
Robin
Last Edit: 11 years 2 months ago by Robin Vehovský.
The topic has been locked.

terms-of-service facebox effect not work 11 years 2 months ago #2644

To make it looks nicer and at the same level (check box and TOS link)

Open this CSS file:
ROOT//templates/jbkoan/html/com_virtuemart/assets/css/flexibleVM2Global.css

To the bottom, add this CSS rule:
#checkoutForm .checkout-button-top label {
     display: inline-block;
     margin-right: 80px;
}
 
.cart-view input {
     width: auto;
}

The checkboxes and label will be lined side by side (this will also fix the checkbox and "remember" link in the login section at top)

Looks like the "facebox" refuses to work in the shopping cart, you can change it with modalbox though.

Open this PHP file:
ROOT/templates/jbkoan/html/com_virtuemart/cart/default.php

Look for this line:
<div class="terms-of-service">
			<span class="terms-of-service" rel="facebox"><span class="vmicon vm2-termsofservice-icon"></span><?php echo JText::_('COM_VIRTUEMART_CART_TOS_READ_AND_ACCEPTED'); ?><span class="vm2-modallink"></span></span>
			<div id="full-tos">
				<h2><?php echo JText::_('COM_VIRTUEMART_CART_TOS'); ?></h2>
				<?php echo $this->cart->vendor->vendor_terms_of_service;?>
 
			</div>
		</div>

and change it with this:
<div class="terms-of-service">
			<a href="<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=vendor&layout=tos&virtuemart_vendor_id=1&tmpl=component') ?>" class="terms-of-service" id="terms-of-service" rel="facebox" target="_blank">
								<span class="vmicon vm2-termsofservice-icon"></span>
								<?php echo JText::_ ('COM_VIRTUEMART_CART_TOS_READ_AND_ACCEPTED'); ?>
							</a>
 
							<div id="full-tos">
								<h2><?php echo JText::_ ('COM_VIRTUEMART_CART_TOS'); ?></h2>
								<?php echo $this->cart->vendor->vendor_terms_of_service; ?>
							</div>
		</div>

This should fix your problem entirely.
Regards.
The topic has been locked.

terms-of-service facebox effect not work 11 years 2 months ago #2660

Well, it is start to looks better with that code snippet, but window kind of destroy cart module position after closing. Any quick css tip for fix that, please:) ... Thank you for your support. I am really happy that it start to do something... :)
I will check it on another joomla template virtuemart site, if the modal look same...try firefox ...
or check another behavior here Part of the message is hidden for the guests. Please log in or register to see it. looks like no modal
Last Edit: 11 years 2 months ago by Robin Vehovský.
The topic has been locked.

terms-of-service facebox effect not work 11 years 2 months ago #2684

Hi,

I believe this both situation links to same problem: "Facebox" don't work in the shopping cart page, somehow.

Can you try this:
Change this line:
<a href="<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=vendor&layout=tos&virtuemart_vendor_id=1&tmpl=component') ?>" class="terms-of-service" id="terms-of-service" rel="facebox" target="_blank">

with this:
<a href="<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=vendor&layout=tos&virtuemart_vendor_id=1&tmpl=component') ?>" class="terms-of-service modal" id="terms-of-service" rel="{handler: 'iframe', size: {x: 700, y: 550}}">

and let me know about the result?
The topic has been locked.

terms-of-service facebox effect not work 11 years 2 months ago #2707

Yes!. Work fine now. Problem solved.
Thanks for your support.
Best regards
Robin
The topic has been locked.

terms-of-service facebox effect not work 11 years 2 months ago #2722

Sure.

I also include this patch to our VM Template in case this issue will occur to others as well.

Case solved. Topic is closed.

Regards.
Forum Support.
The topic has been locked.
Time to create page: 0.341 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo