How to integrate ecommerce into a Hoop.la site
Rosemary O'Neill
Crowdstack
-
Tips❤️By default, the top navigation menu is aligned left within the body of the page, which itself is centered and 1000 pixels wide. It looks like this normally: You can center that top nav menu, however, so it looks like this...
-
Tips❤️A common design choice is to uppercase all letters in the top navigation menu. You can easily do this on your site by adding this custom CSS to your theme: table.horizontalMenu { text-transform: uppercase; } To add this, go to...
-
Tips❤️By default, the main navigation menu is displayed ABOVE your site header. It is also full width by default, like so: Below, we will offer some tips for changing the appearance and positioning of your main nav menu. Left Align The Menu To position your menu text so it is aligned left instead, add this CSS: nav#top_nav_bar ul.right { float:left !important; } nav#top_nav_bar ul.right > li > ul.dropdown { left: 0; right: auto; } Your menu will then look like this: Center Align The Menu To...
-
TipsFor the top navigation menu, if you want to have each menu item change color when you hover it, add this custom CSS: /* the following sets the background color for the menu item on hover */ .top-bar-section li:hover:not(.has-form) a:hover:not(.button) { background-color:#444444; } .top-bar-section li.active:hover:not(.has-form) a:hover:not(.button) { background-color:#444444; color:#fffff0; } /* the following sets the text color and icon color for the menu items on hover */...
-
Topic ReplyAlways like to see custom CSS tips, Ted We use all caps for our Category labels in a unique way which your cds would override. See below. While we're on the subject of the Breadcrumb nav bar...notice how the forum topic repeats itself ? Seems redundant. Perhaps tweaking your css to adjust background color of just the Breadcrumb trail to differentiate from the topic title. Or adding some space. Also, would prefer an arrow rather than slash. Slash is old school. Lessons and Resources Directory...
-
Topic ReplyActually, this tip had nothing to do with breadcrumbs. It was for the main site navigation menu, which is not the same thing. I'd suggest a new topic if you want consideration for a new breadcrumb options.
-
Topic ReplyWhat is the "top navigation menu" then. We probably call it something else. Screenshot?
-
Topic ReplySee the thing at the top of this page that says: HOME SERVICES BLOG SURVEYS etc. That is the top navigation menu. Breadcrumbs only appear on certain pages and only when necessary, for instance when on a page that is levels down from the home page for that "module" (like on a forum topic page).
-
Topic ReplyWhat's the diff between the "top navigation menu" and "community menu." Or have you changed the name recently?
-
Topic ReplyIt is the same thing, Neil. I used the term "Top Navigation Menu" to differentiate from the side navigation menu used in the admin control panel (and in our QuestionShark module/product). And in the Theme editor, we also use the term "Top Navigation Menu" as well, to differentiate from the Side Navigation Menu. But yes, the Top Navigation Menu is the same as the Community Menu. None of these menus are "breadcrumbs", however.
-
Topic ReplyI cannot get this to work!! So frustrating!! Please help! I have created a clone of a standard theme (to pick from) and added the code to the head css section and it's still not centered. HELP! Thank you!
-
Topic ReplyHello, I still cannot get this to work! This is what I'm posting into the " Custom Code For HEAD Section": div#horizontalNavMenuSecondaryWrapper { width:100%; } #menuWhitespaceTd .horizontalMenuWhitespace { display:none; } table.horizontalMenu { margin:auto; width:300px; } This code shows up ABOVE my forum banner, on all pages. Am I missing something??? Thank you in advance for all help!
-
Topic ReplyAnd yes, I am putting it on my selected Theme page, which is my active theme.
-
Topic ReplyHi jpmfan, The "Custom Code For HEAD Section" requires HTML, but what you've pasted there is CSS. You should put that into the Custom CSS section in your theme instead (just beneath where you've got it right now). Hope that helps! Brian
-
Topic Reply❤️Hi Brian, Thanks so much! That did the trick! Best, jpmfan
-
Topic ReplyThank you. It has worked perfectly. http://www.guitars.co.uk
-
-
Topic ReplyI'm wondering if it's possible to add a new tab to the menu (ie. we have groups, forums, etc.). We'd like to add a help tab where we can post a few resources for people. How would I go about doing this? Thanks! Heather