Demitry

@Tsimi hi Lambros, Thanks for that. I figured Andrea was referring to the top navigation bar, but forgot that the BS code affects both since I don't use that bar.

I just installed this addon and had the same issue with the font awesome icons not displaying. However, my challenge is slightly different, in that I upgraded my Font Awesome version to the latest version (v5.2.0). This requires slightly different code for some icons and other changes in CSS if that is what you choose to use to display those icons. The new font awesome changes in CSS did not work for me so, I changed the button link function to that of osC and adjusted some of the CSS button code. Even with these changes not all font awesome icon classes worked. As an example, here is what my Facebook sub-module file looks like. /includes/modules/social_login_modules/templates/facebook.php <style> .loginBtn-facebook { background-color:#4267b2; background-image:linear-gradient(#4267b2, #3B55A0); text-shadow:0 -1px 0 #354C8C; } .loginBtn-facebook:hover, .loginBtn-facebook:focus { background-color:#5B7BD5; background-image:linear-gradient(#5B7BD5, #4864B1); color:#fff; } </style> <div class="buttonSet buttonDiv"><?php echo tep_draw_button(MODULE_SOCIAL_LOGINS_FACEBOOK_PUBLIC_TEXT, 'fab fa-facebook-square fa-lg', tep_href_link('login_with_facebook.php'), 'primary', null, 'btn-lg loginBtn loginBtn-facebook'); ?></div> If you have v4.7.0 of Font Awesome, you would just change the font awesome class in that link code and I think you only have to remove the "b" (stands for brand) from "fab" so it would be fa fa-facebook-square fa-lg. The fa-lg is the sizing of the icon. A bit further in the link code is btn-lg, this is the Bootstrap code for the button size. There is also btn-md for medium and btn-sm for small, which is the default and does not need to be added. And it would be good for anyone using this addon to read the following article on the pros and cons of using social logins. One of the things I got out of this article is that you want to limit your social login options to 3 or 4. Having too many is not good. https://www.humix.be/blog/10-advantages-disadvantages-social-logins/ As for selecting which social logins to use, here is an article on it with a list of top social media sites. Surprisingly, Google+, Twitter, and LinkedIn are not in the top 5. https://www.dreamgrow.com/top-15-most-popular-social-networking-sites/

@puggybelle Andrea, Are you referring to the navigation bar at the very top of the page, because I don't use that on my site. I do use several of the sub-module buttons from it though. Could you pm me a screenshot of what you are referring to?

@puggybelle Andrea, The font color is in the bootstrap.css file, but you should be fine if you add the following to your user.css file. /* changes the menu font color and background */ .navbar-default .navbar-nav > li > a { color: #fff; } .navbar-default .navbar-nav > li > a:hover { color: red; background-color: #eee; } .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #0066cc; } Please note that these are colors I use and you would need to change them to those of your own. My menu links are set to white on a blue background and will change to red with a light gray background on hover. See screenshot below. I don't recommend changing these settings in the bootstrap.css file because you will need to regenerate the minified version of that file, as well as add those same changes to the two .map files. Adding this to the user.css file should be sufficient. And always remember to hard refresh (SHIFT CTRL R) the browser to view the new changes.

@puggybelle hi Andrea, I'm not sure if this will work for your store, but this is what I used. Add this to your user.css file and after you upload it to the server, be sure to do a hard refresh (SHIFT CTRL R) of your browser. You have to do that every time you make any CSS change. /* this will center the menu links */ .navbar-nav { width:100%; text-align:center; } .navbar-nav > li { float:none; display:inline-block; } The font color and button colors are in the bootstrap.css file, I think. I'll look for it and get back to you.

@cDGo IT Consultancy Thank you Domé, that does look interesting. I will add it and see how it works. Thank you for sharing that.

@cDGo IT Consultancy hi Domé, could you share what you did to make that change? Thanks.

@radhavallabh Kavita, Just a note on nested directories and SEO. Search engine bots generally do not crawl 4th tier links. So, a good rule to adhere to when building your site structure, is to keep your most relevant pages at 3 tiers or less. So, the following structure would be as deep as you want to go with your most relevant pages. Category (tier 1) Sub-category (tier 2) Sub-subcategory (tier 3) Product pages If you have multiple nested directories, this is bad for SEO and relatedly, it becomes more confusing and overwhelming for the customer. Remember, each link the customer has to click is a conscious decision. The more decisions a customer has to make, the more complex the journey becomes to buying one of your products. And ideally it is best practice to keep categories, sub-categories, and sub-subcategories to 5 – 7 each (though you can have unlimited products in each category). This makes it easier for a customer to skim these categories. When you have too many categories, it’s human nature to skip over most if not all of them. If you have a lot of products, then you should focus on improving your site’s search feature. About a third of your visitors will go straight for the search bar, and even more if you have a ton of products to choose from.

ok, my fault.. I thought it was not just category images, but an image for each product. Sorry about that. I use both, the horizontal menu and the thumbnailer, ..I just do not opt for displaying images in the menu for similar reason that Kavita mentioned.

Rainer, @raiwa This horizontal menu addon has an option for adding image thumbnails to the menu.That means that each page has to load every single product thumbnail (for that menu) with each page. Your Thumbnailer contribution helps greatly reduce that page loading time, but nothing can really eliminate a slower page load unless you do not use that images option with that horizontal menu. That option is designed for a store with only a few products or someone technical to constantly update a sprites image and related CSS code. A javascript code that loads these images after the rest of the page loads is only going to help marginally.

Well, adding a lot of images to a page will affect the page loading time regardless of whether they are thumbnails or not. That's because they load one at a time ...so each thumbnail image in the menu is a separate single trip to the server. The only ways I know of to get around it is to either use sprites, or a custom javascript code that will load them at the end of the page load. Both of these solutions would require custom coding and the javascript solution would not so much shorten your page load, but instead help load all the other content first so that the page renders quicker, while the product menu thumbnails would still continue to load. I suggest to look and see if that Thumbnailer addon actually created a menu thumbnail image for each of your products. That would be the first step It would rule out that it is the server scaling and image file size that is slowing down the page load.

@radhavallabh Do you have the KissIT Image Thumbnailer for BS addon installed? If you don't you should because it will recreate those images in the thumbnail size that are required for the menu and greatly lighten the page load. https://apps.oscommerce.com/oTI8V&amp;kissit-image-thumbnailer-bs If you are not using this addon, then what's happening is, the product images are being loaded in their original dimensions and the server has to scale them to fit to that thumbnail size. While that alone takes time, the image's original file size stays with the image as well, making it load slow.

@LeeFoster hi Lee, yeah, that addon did not even come up in my search results, ..probably because it's written mostly in French. I looked at it and there is nothing in it to calculate for product options cost. One of the screenshots even displays the product options and the retail price next to them. I'm really looking to see if anyone has a solution of how to manage & account for the additional costs of product options from the admin side. ..something possibly from products_attributes.php and/or the categories.php page for product details.

@LeeFoster Lee, thank you for the response. The addon I'm doing is for MVS, but regardless, does the one you mentioned account for the cost of product options? I cannot find it. Also, this topic is not about the purchase order, but about accounting for the cost of product options.

Really? Nobody has ever encountered this issue?? And nobody has a solution or suggestion?