Gantry 5 Helium Phoca Cart modules/overrides

[dmlwebal]

Hi Jan

Yes, that makes sense, of course. It was a puzzle for me for a while but hopefully this solution may be helpful for anyone else who has the same problem.
I suppose also, because others may not run phoca Premiere in gantry 5, that the ID and class calls are unnecessary too.
Regards
David

[dmlwebal]

You can of course use any icon you wish in this method and the same solution would be relevant to wish list and compare modules too. I see your method and reason for the construction of the override modules more clearly now.

Solution works great for my site and phoca cart is still my favourite Joomla shopping cart by far.

I would like to see other developers create plugins and modules for Phoca Cart too. Perhaps when my php skills are greater I could submit some ideas with code.

I can see Phoca Cart becoming the Woocommerce for Joomla that it sorely misses.

Regards
David

[keerillcom]

I could not quite understand this part of your reply though: 'Do not tell me how to increase glyphicon icons at least 2 times?'

Regards
David

Icons of the basket, desires, comparisons are small at all. Probably 24 pixels. I want to change to at least 36 pixels. Currency icons can be changed yourself.

[dmlwebal]

Ok Keerilcom

I understand, so, if you use gantry 5 install the module overrides from here: https://www.phoca.cz/download/category/ ... -overrides
Ensure you have font awesome loading into head of site. I just use the built in Gantry 5 settings (Base Outline->Page Settings)
Then to override the glyph find the line in the override module

1) In cart module it is line 39 in templates/[TEMPLATE_NAME]/html/mod_phocacart_cart

2) FIND:

Code: Select all

<span class="<?php echo $d['s']['i']['shopping-cart'] ?>"></span>

3) REPLACE WITH:

Code: Select all

<i class="fa fa-shopping-cart"></i>

FOR LARGER ICONS - use the font awesome rules
in Awesome 4 they are like this

Code: Select all

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

Just add the correct suffix to your cart glyphicon in the code. REMEMBER - the size is relative to it's container so you may need to look at css in Developer if the sizes 'don't work'

So above example for the shopping cart icon would be

Code: Select all

<i class="fa fa-shopping-cart fa-lg"></i>

This link may help: https://fontawesome.com/v4.7.0/examples/

For Compare module it is line 26
REPLACE

Code: Select all

<span class="<?php echo $d['s']['i']['compare'] ?>"></span>

WITH

Code: Select all

<i class="fa fa-clone"></i>

Again use correct suffix to match your required size

For Wish List it is line 27
REPLACE

Code: Select all

<span class="<?php echo $d['s']['i']['wish-list'] ?>"></span>

WITH

Code: Select all

<i class="fa fa-heart"></i>

Again use correct suffix to match your required size

[keerillcom]

Thank you very much!

[dmlwebal]

Very pleased to be of help