Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change icons in simple portfolio to "view" and "link" word buttons

Featured Lock Resolved Issue
I like how the simple portfolio looks in the live demo http://demo.joomshaper.com/extensions/sp-simple-portfolio

but in the version I'm using, it has a link icon and eye icon which I don't care for: http://haleproductionstudio.com/index.php?option=com_sppagebuilder&view=page&id=25&Itemid=178

How do I edit the appearance of these?

Also, yours just says "zoom" and "view" and mine has the title and tag on each of them when you mouse over, which I'd like to remove. Please let me know how!

3 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your query. Please following the instruction.

1. Create override the SP Portfolio Component items
http://prntscr.com/g67bj4
2. Open default.php file from below file location
templates/shaper_helix3/html/com_spsimpleportfolio/items/default.php
3. Find out this code

<div class="sp-simpleportfolio-btns">
<?php if( $this->item->video ) { ?>
<a class="btn-zoom" href="#" data-featherlight="#sp-simpleportfolio-video<?php echo $this->item->id; ?>"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_WATCH'); ?></a>
<?php } else { ?>
<a class="btn-zoom" href="/<?php echo $this->item->image; ?>" data-featherlight="image"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_ZOOM'); ?></a>
<?php } ?>
<a class="btn-view" href="/<?php echo $this->item->url; ?>"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_VIEW'); ?></a>
</div>


And replace with this code

<!-- <div class="sp-simpleportfolio-btns">
<?php if( $this->item->video ) { ?>
<a class="btn-zoom" href="#" data-featherlight="#sp-simpleportfolio-video<?php echo $this->item->id; ?>"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_WATCH'); ?></a>
<?php } else { ?>
<a class="btn-zoom" href="/<?php echo $this->item->image; ?>" data-featherlight="image"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_ZOOM'); ?></a>
<?php } ?>
<a class="btn-view" href="/<?php echo $this->item->url; ?>"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_VIEW'); ?></a>
</div> -->


-Thanks

gwenswain

More than a month ago #Permalink

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Please following the instruction for the module.

file location
modules/mod_spsimpleportfolio/tmpl/default.php

Find out this code & remove this code

<div class="sp-simpleportfolio-btns">
<?php if( $item->video ) { ?>
<a class="btn-zoom" href="#" data-featherlight="#sp-simpleportfolio-video<?php echo $item->id; ?>"><?php echo JText::_('COM_SPSIMPLEPORTFOLIO_WATCH'); ?></a>
<?php } else { ?>
<a class="btn-zoom" href="/<?php echo $item->image; ?>" data-featherlight="image"><?php echo JText::_('MOD_SPSIMPLEPORTFOLIO_ZOOM'); ?></a>
<?php } ?>
<a class="btn-view" href="/<?php echo $item->url; ?>"><?php echo JText::_('MOD_SPSIMPLEPORTFOLIO_VIEW'); ?></a>
</div>


-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

122

Templates

320309

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us