Page 2 of 2
Re: Gantry 5 Helium Phoca Cart modules/overrides
Posted: 04 Feb 2020, 11:53
by 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
Re: Gantry 5 Helium Phoca Cart modules/overrides - SOLVED
Posted: 04 Feb 2020, 12:08
by 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
Re: Gantry 5 Helium Phoca Cart modules/overrides
Posted: 04 Feb 2020, 13:15
by keerillcom
dmlwebal wrote: ↑03 Feb 2020, 14:37
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.
Re: Gantry 5 Helium Phoca Cart modules/overrides
Posted: 04 Feb 2020, 20:03
by 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
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
Again use correct suffix to match your required size
Re: Gantry 5 Helium Phoca Cart modules/overrides
Posted: 05 Feb 2020, 05:26
by keerillcom
Thank you very much!
Re: Gantry 5 Helium Phoca Cart modules/overrides
Posted: 05 Feb 2020, 12:48
by dmlwebal
Very pleased to be of help
