View Cart module - Mini Mode

[nzrunner]

I love the "mini mode" that is available when I put the View Cart module in the Specific Right Top position using the Phoca Duka template.

Is that mini-mode available when I use a template from another developer?

[Jan]

Hi, you can copy the output (default.php) of module from Phoca Duka template:
templates\phoca_duka\html\mod_phocacart_cart\default.php (mod_phocacart_compare, mod_phocacart_wishlist) to such external template - to folder html.

Here:
templates\phoca_duka\themes\main\theme.css you can copy the CSS for e.g. horizontal displaying of the icons plus the hover effect:

.ph-cart-module-box
.ph-cart-dropdown
.ph-cart-count-sup

[nzrunner]

Thanks!

I have it configured, sort of. I haven't got all the CSS correct as it is only displaying correctly on pages from PhocaCart. It doesn't display the Cart/WishList/Compare images when I am on a page that is not from PhocaCart.

But it's a good start :-)

[Jan]

So seems like the icons from bootstrap were not loaded

Jan

[nzrunner]

That's correct. And the hover is not working anywhere :-(

[Jan]

The hover is made by component, are the class names and IDs of the items in the module output the same like they are in the Duka template, the hover is made by jquery loaded by the component.
Try to add this code to the module:

This is only to test, add this code to: modules\mod_phocacart_cart\mod_phocacart_cart.php

Code: Select all

$p['load_component_media']			= 1;
if ($p['load_component_media'] == 1) {
	$media = new PhocacartRenderMedia();
	$media->loadBootstrap();
}

Jan

[nzrunner]

No luck.

I suspect it is a jquery conflict. The template I am using is from Yootheme. Even though it is a bootstrap template, they do no use the Glyph icons but their own icon classes using Font Awesome. I have solved that easily with a template override, changing your glyph classes to their icon classes.

However the hover effect does not work, and to make it more interesting, if I am on a non-phocacart page, I can click on the cart module and it will show the cart. If I am on a phocacart page, clicking on the cart icon gives me nothing.

Happy to PM you the website to have a look at if it helps.

[Jan]

Hi, yes, just send me the link to PM, so I can take a look at it (not sure if I will find something, because when there are javascript conflicts, it is hard to debug, but I will try).
Thank you, Jan

[Jan]

Hi, in version 3.0.1 of the module, it is possible to load the media (css, javascript) from the component, so the same media will be loaded even the component is not active (e.g. displayed module on different than Phoca Cart component site)
https://www.phoca.cz/download/category/ ... art-module

Jan