Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest
  • Page:
  • 1

TOPIC: sj-accordion-menu

sj-accordion-menu 11 years ago #9830

How do we change icons that you have in sj-accordion-menu?

For example you have a TV, how do I change TV to a computer and change word from Television to Computer?

When I change them the icons all become system cogs, like this:


Attachment errorIcons.png not found

The topic has been locked.

Re: sj-accordion-menu 11 years ago #9852

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Eric,

Please do the following steps:

+ upload your icons to "templates/sj_appstore_hitech/html/mod_sj_accordionmenu/images" folder

+ go to "templates/sj_appstore_hitech/html/mod_sj_accordionmenu/css/style.css", finding:

.rtl .sj-accordion-menu li a.TV {
    background: url("../images/ico_tv.png") no-repeat scroll right center transparent;
}


=>

.rtl .sj-accordion-menu li a.TV {
    background: url("../images/your_icon") no-repeat scroll right center transparent;
}


Thanks
Ticket System | Join our Clubs to download our extensions and templates
The topic has been locked.
The following user(s) said Thank You: ericgrant

Re: sj-accordion-menu 11 years ago #9853

Thank you for this. Can you please clarify how I match the names then?

For example why is the configuration cog defaulted whenever I change the name? For example, on the TV icon if I leave that icon there but rename the menu item to Offers, the TV vanishes and is replaced by the config cog icon.

Its almost like the menu items are linked to the icons themselves.

So for the TV, I notice you have "li a.TV" but if I wanted it to to read as Offers would I change that to "li a.Offers"?

Thanks
Last Edit: 11 years ago by ericgrant.
The topic has been locked.

Re: sj-accordion-menu 11 years ago #9869

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Dear Eric,

For Offers menu item, you can add the end of style.css file in "templates/sj_appstore_hitech/html/mod_sj_accordionmenu/css" folder

Example: offer.png

.sj-accordion-menu li a.Offers{
    background: url("../images/offer.png") no-repeat scroll left center transparent;
    margin-left: 5px;
    padding-left: 40px;
}


Thanks
Ticket System | Join our Clubs to download our extensions and templates
The topic has been locked.
The following user(s) said Thank You: ericgrant

Re: sj-accordion-menu 11 years ago #9876

SA Loi wrote:
Dear Eric,

For Offers menu item, you can add the end of style.css file in "templates/sj_appstore_hitech/html/mod_sj_accordionmenu/css" folder

Example: offer.png

.sj-accordion-menu li a.Offers{
    background: url("../images/offer.png") no-repeat scroll left center transparent;
    margin-left: 5px;
    padding-left: 40px;
}


Thanks
Perfect - thanks

So whatever I call the menu item title, must match the css code above? So if I wanted to add one called "HelpDesk" it'd look like this:

.sj-accordion-menu li a.HelpDesk{
    background: url("../images/helpdesk.png") no-repeat scroll left center transparent;
    margin-left: 5px;
    padding-left: 40px;
}


Assuming so, great - thanks
The topic has been locked.
  • Page:
  • 1
Time to create page: 0.25 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes