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

TOPIC: How to make virtumaert category active link..?

How to make virtumaert category active link..? 7 years 6 months ago #14627

Hello!

How to make virtumaert category menu link active in css..?

Via firebug i try modify template.css line 71 but no luck try to add
a:active {
color: #D20024;
}
What i am missing...?

site link www.evereco.lv/lv/led-apgaismojums/led-spuldzes.html

to get my idea i have attached an image..

The idea, that client could have easy navigation

p.s. grat template
Attachments:
The administrator has disabled public write access.

How to make virtumaert category active link..? 7 years 6 months ago #14634

Hi,

Please follow these steps:

1- Open this PHP file:
/templates/flexible_sportmart/html/mod_virtuemart_category/default.php

2- find these lines:
<li>
	<span class="fa fa-angle-right"> </span> <?php echo JHTML::link($caturl, $cattext); ?>
</li>

3- Replace them with these:
<li <?php echo ($child->virtuemart_category_id == JFactory::getApplication()->input->get('virtuemart_category_id')) ? 'class="active"' : '';?>>
	<span class="fa fa-angle-right"> </span> <?php echo JHTML::link($caturl, $cattext); ?>
</li>

4- find this line:
<div class="link">

5- replace it with this:
<div class="link <?php echo ($category->virtuemart_category_id == JFactory::getApplication()->input->get('virtuemart_category_id')) ? 'active' : '';?>">


6- open this CSS file:
/templates/flexible_sportmart/css/custom.css

7- insert these lines:
li.active > a,
 div.active > a { color:red; text-decoration:underline;}

If you don't like the red & underline styling, you can add your own CSS rules to customize it. Just use the same CSS class names but add your own custom CSS rules in it.

The result will be:


Attachment ScreenShot2016-10-17at1.14.03AM.png not found



Attachment ScreenShot2016-10-17at1.13.57AM.png not found



Attachment ScreenShot2016-10-17at1.13.50AM.png not found




If you like SportMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Joomla-Virtuemart-Templates/SportMart (this is our website, you don’t need to register to write review, you can use your existing account with us)

Rate SportMart and write a couple of sentences to share your experience with the support team.
It won't take more than 2 minutes from you but it is extremely important for us.

Thanks in advance!

Regards,
Support
Last Edit: 7 years 6 months ago by Support.
The administrator has disabled public write access.

How to make virtumaert category active link..? 7 years 6 months ago #14639

Thank you!

Worked for me!

I wrote rewiev!

Solved!
The administrator has disabled public write access.

How to make virtumaert category active link..? 7 years 5 months ago #14666

Hope this topic will be useful to others who are looking for a similar approach.

I am also making this patch permanent in the upcoming SportMart release.

Happy coding!

Case solved, topic is closed.

Regards.
The administrator has disabled public write access.
Time to create page: 0.171 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