Any one of our of themes can make your store look polished and professional, reflect your brand personality and resonate with your customers. That said, if you want to go your own way stylistically, we respect your indie spirit. We make it easy for you experienced programmers to customize your navigation menu using CSS through “navigation.css” and “template.css”:

  • /v/vspfiles/templates/templatename/css/navigation.css
  • /v/vspfiles/templates/templatename/css/template.css

Before you make any coding changes, no matter how basic they may seem, we recommend archiving it first. ⚠️️


Now, if you’re ready to rebel, here’s how:

  1. Log in to your store and navigate to the Admin Area.
  2. Go to Design > File Editor.
  3. Click on the template_XX.css file in the Shortcuts list on the right side of the page (where "XX" is the template name or number you have installed on your store).
  4. Edit the template.css file or select navigation.css from the Files drop-down menu across the top of the page.

Attribute Tags:

  • Content_area
  • Config_FullSecureStoreURL
  • v/vspfiles/templates/1/images
  • Config_CompanyAddress
  • Display_Menu_#(or S)
  • Menu#_Title
  • Display_Search_Box
  • Current_Category_RootCategoryName
  • Config_Colors_Highlight
  • DropDown_ShopBy_Category
  • Display_Cart_Summary
  • Config_FullStoreURL
  • Config_WebsiteTitle
  • Config_CompanyNameLegal
  • Config_CompanyNameShort
  • Menu#_BgColor
  • Display_Promotions_#
  • Current_Category_RootID
  • DropDown_Currency
  • DropDown_ShopBy_Manufacturer
  • DropDown_ShopBy_Price
  • if_homepage and if_not_homepage

Volusion tags supported as free text:

  • Config_FullStoreURL
  • Config_FullSecureStoreURL
  • v/vspfiles/templates/1/images
  • Config_CompanyAddress
  • Config_CompanyNameShort
  • Config_EmailAddress_From
  • Menu#_Title
  • Current_Category_RootCategoryName
  • BodyOnLoad
  • Config_WebsiteTitle
  • Config_CompanyNameLegal
  • Config_Colors_Background_Main
  • Config_Colors_Highlight
  • Menu#_BgColor
  • Current_Category_RootID

⚠️️  A heads up about Attributes:

  • They’re subject to change
  • They must have the same capitalization in both the template_xx.html and template_xx.css files or customization will not work
  • While we’re a helpful bunch, our tech support team can’t assist with custom coding 😞

Summary

Volusion makes it easy to use CSS to customize your nav menu’s look, feel and functionality. Take control. Get stylish. Go crazy, you ecommerce renegade.


Did this answer your question?