Cart Viper Logo

We understand that your ecommerce site is crucial to the success of your business, from time to time issues and questions can arise and you need to have the assurance there will be someone on hand to help resolve these in a timely fashion so you can spend your time driving your own business forward.

So if you are looking for faster responses to your questions or would like the assurance there is someone on hand for you to contact, fear not we have a number of paid support options that are available to you that can give your organisation the peace of mind knowing a member from the Cart Viper team will always be available to assist!

Purchase a Support Plan

Community Support

HomeHomeIssues and Supp...Issues and Supp...Templates & UITemplates & UIMenu iconsMenu icons
Previous
 
Next
New Post
3/21/2011 11:10 AM
 
Paul Tondeleir
No Ranking

Joined: 3/21/2011
Posts: 6
Hi,

Is there a way to specify an icon for the menu items. I would like to have an icon at the left side of the category name.
 
New Post
3/21/2011 9:18 PM
 
Mark - Cart Viper Developer
7th Level Poster


Joined: 7/27/2010
Posts: 424
Hi Paul

The easier way to do this effect is to modify the CSS in the StoreFront.css file.

I've attached a simple change I've applied to the menu to add a small triangle to the left of each sub category.

Example Menu with images

example menu


I've highlighted the simple change I made in FireBug to make this change.
Add in a background image, turn on no-repeat, set the image offset then pad the box so that the left is moved to the right of the icon.

CSS Example
css example

Regards

Mark
 
New Post
3/21/2011 9:28 PM
 
Paul Tondeleir
No Ranking

Joined: 3/21/2011
Posts: 6
Hi Mark,

Thank you for your quick response. I didn't explain my problem very well. I want a different icon for each menu item, an icon that is defined at category level. e.g. when the category is Curls then I want to display curls.png, if the coategory is Tubes then I want to display tubes.png at the left side.

An alternative would be if I could use the DNN V2 menu for my categories and subcategories.

Best regards,
Paul.
 
New Post
3/22/2011 8:45 AM
 
Mark - Cart Viper Developer
7th Level Poster


Joined: 7/27/2010
Posts: 424
Hi Paul

Apologies for misunderstanding you question.

We dont have the ability to define an image for each category however I can think of a couple of work a rounds.
1. As you state you could just make the category menu list using html or a existing module which allows you to create a menu. The links in the category menu are straight forward HTML A tags.

2. More advanced option is that we or you could create you're own custom menu module which uses the business logic in Cart Viper to render the menu. Since the module is custom you'll then be able to style it as required, so for example you could check the name of the category when outputting the html and based in it display the icon/image as required.

I also think you could implement something similar to option 2 but using the existing category menu module, then you could use some jQuery client side script to apply the correct image/css based on category. I'm not sure how this would affect performance and if they would be a second or two between the menu getting rendered and the jQuery applying the styles.

Regards

Mark
 
 Page 1 of 1
Previous
 
Next
HomeHomeIssues and Supp...Issues and Supp...Templates & UITemplates & UIMenu iconsMenu icons


 

We use cookies on our website to improve our service to you, by continuing you agree to our use of cookies. However you are able to update your settings at any time.

Continue View Cookie Policy Cookie Settings

Cookie Policy

A cookie, also known as an HTTP cookie, web cookie, or browser cookie, is a piece of data stored by a website within a browser, and then subsequently sent back to the same website by the browser. Cookies were designed to be a reliable mechanism for websites to remember things that a browser had done there in the past, which can include having clicked particular buttons, logging in, or having read pages on that site months or years ago.

Strictly Necessary Cookies

These cookies cannot be disabled

These cookies are necessary for the website to function and cannot be switched off. They are normally set in response to your interactions on the website e.g. logging in etc.

Cookies:
  • .ASPXANONYMOUS
  • .DOTNETNUKE
  • __RequestVerificationToken
  • authentication
  • CV_Portal
  • CV_Store_Portal_Cart_0
  • CV_USER
  • dnn_IsMobile
  • language
  • LastPageId
  • NADevGDPRCookieConsent_portal_0
  • userBrowsingCookie

Performance Cookies

These cookies allow us to monitor traffic to our website so we can improve the performance and content of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited or how you navigated around our website.

Cookies:
  • _ga
  • _gat
  • _gid

Functional Cookies

These cookies enable the website to provide enhanced functionality and content. They may be set by the website or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

Cookies:

Currently we are not utilizing these types of cookies on our site.

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.

Cookies:

Currently we are not utilizing these types of cookies on our site.

Feedback