♥GLWalker Posted October 16, 2014 Share Posted October 16, 2014 http://www.hollywoodbaskets.com This project is build on the latest osCommerce Bootstrap community build. This project was an update to one I previously built on osCommerce 2.3.1. The look is basically the same, but I think it came out a bit smoother being it's second build. Being fully responsive from the start, a few tweaks were done to fit everything together for a bit smoother mobile view. The navbar has been slightly changed to use bootstraps nav-justified class, and some round top corners added to the li & li-a elements giving it the look of a "tabbed interface". The category class that ships with this version has been extended to output a list of categories inside the nav menu's xs view. This keeps the overhead down as it is still running off of the same output with no extra queries. Left and right columns are completely hidden in xs view, there's plenty of content on page without them, and thanks to the footer content modules, any important information can still be displayed. The product listing has a minor change in presentation. By default it would load in list view, but a new key to the module allows for the admin to set which view will load by default. The products social bookmarks have been reworked to use very simple html share urls. It was to avoid the inefficient javascript some try to load by default. We don't get to see the share counts anymore, but in this case its a good tradeoff in favor of design. The checkout/shopping cart pages have been reworked just a bit to not load the left and right column and instead load a column specific to information that is relevant to the checkout process - confidence icons, login form, steps for checkout instruction. The checkout itself uses a consolidated page that consist of the checkout_shipping and checkout_payment. The store does do local delivery, so a very useful datepicker was integrated with the bootstrap datepicker. In addition to a CSV shipping module that pulls rates per zip code entered. Some slight modification restricts load to only the postal codes listed in the CSV file. Content modules have been built for the index and product info pages. Other than that there was the addition of information pages unlimited, seo urls, image thumbnails, and many small style tweaks all over the place. Follow the community build: BS3 to osCommerce Responsive from the Get Go! Check out the new construction: Admin Gone to Total BS! Link to comment Share on other sites More sharing options...
♥bruyndoncx Posted October 16, 2014 Share Posted October 16, 2014 Smooth B) KEEP CALM AND CARRY ON I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support). So if you are still here ? What are you waiting for ?! Find the most frequent unique errors to fix: grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt Link to comment Share on other sites More sharing options...
♥kymation Posted October 16, 2014 Share Posted October 16, 2014 That looks really good. Nice layout that scales reasonably well from a large screen (full screen 1080p) to as narrow as I want to go. Testing it in Firefox 33.0 on Linux, there is an encoding issue with special characters. For example, on this page http://www.hollywoodbaskets.com/cristal-champagne-and-godiva-gift-set-p-442.html I see Prestige Cuv?e, which does not entice me to spend $375.00. In Firefox on Android 4.4.2 the menu is unusable -- it either closes before I can chose a category or plain refuses to open a subcategory. I gave up after several tries. Regards Jim See my profile for a list of my addons and ways to get support. Link to comment Share on other sites More sharing options...
burt Posted October 16, 2014 Share Posted October 16, 2014 Excellent to see another great site built on an up to date platform. :thumbsup: Link to comment Share on other sites More sharing options...
♥joli1811 Posted October 16, 2014 Share Posted October 16, 2014 Seeing cuv?ve on kindle as well Nice site like it To improve is to change; to be perfect is to change often. Link to comment Share on other sites More sharing options...
♥GLWalker Posted October 17, 2014 Author Share Posted October 17, 2014 @@kymation Thanks for letting me know about the menu issues. Can you confirm if it happens with the "My Account" dropdown as well. Thanks everyone for the input. Follow the community build: BS3 to osCommerce Responsive from the Get Go! Check out the new construction: Admin Gone to Total BS! Link to comment Share on other sites More sharing options...
♥kymation Posted October 17, 2014 Share Posted October 17, 2014 On my phone the My Account submenu opens, but touching any of the items in that submenu just closes the submenu. The Categories submenu does the same thing. Regards Jim See my profile for a list of my addons and ways to get support. Link to comment Share on other sites More sharing options...
♥GLWalker Posted October 17, 2014 Author Share Posted October 17, 2014 @@kymation Thank you for looking Follow the community build: BS3 to osCommerce Responsive from the Get Go! Check out the new construction: Admin Gone to Total BS! Link to comment Share on other sites More sharing options...
♥joli1811 Posted October 17, 2014 Share Posted October 17, 2014 15" screen fine (wide view) in kindle is fine change to 9" links do not work they do not appear to be active seen this error in firebug probably something different ReferenceError: $ is not defined var login_modules_total = $('#loginModules .contentContainer').length; To improve is to change; to be perfect is to change often. Link to comment Share on other sites More sharing options...
♥kymation Posted October 17, 2014 Share Posted October 17, 2014 @@joli1811 That could very well be the problem. The error message is saying that jQuery has not been loaded before that jQuery script is run. Perhaps the small page format menu is loading before jQuery, so some of the jQuery functions don't work. Regards Jim See my profile for a list of my addons and ways to get support. Link to comment Share on other sites More sharing options...
♥joli1811 Posted October 17, 2014 Share Posted October 17, 2014 @@kymation Nice explaination into my bookmark (call the ball a maverick) haha :thumbsup: Just starting with bootstrap so nice to understand read a few times about loading in template_top.php and footer.php /(template_bottom.php) Guess something to watch. Thanks Joli To improve is to change; to be perfect is to change often. Link to comment Share on other sites More sharing options...
MrPhil Posted October 19, 2014 Share Posted October 19, 2014 The "Cuv?e" problem is that someone edited the text (inserting an accented character) using Latin-1 encoding, and then you're trying to display it on a UTF-8 encoded page. Was this text imported from an older, Latin-1 osC installation, or was it edited on a PC and cut-and-pasted into osC? You'll need to find all such occurrences, and edit the text in either osC product editing or with phpMyAdmin, and re-enter the offending characters in UTF-8 mode. Link to comment Share on other sites More sharing options...
♥joli1811 Posted October 19, 2014 Share Posted October 19, 2014 Bit off topic but very interesting at the minute is http://ckeditor.com/addons/ui using now the Bootstrap Glyphicon nice keeping the page design uniform using ckeditor with information pages unlimited (or any ck page) for inline styling have to use the full site url in /ckeditor/config.js example: config.contentsCss = 'http://www.xxxx.com/xxx/admin/ext/ckeditor/plugins/glyphicons/bootstrap/css/bootstrap.css'; Just experimenting but think it has a lot of possibilties for page design example --> yellow arrows now just starting with bootstrap so not much idea just wanted to mention Regards Joli To improve is to change; to be perfect is to change often. Link to comment Share on other sites More sharing options...
♥mattjt83 Posted October 19, 2014 Share Posted October 19, 2014 @ Looks really nice! It displays well on my iPhone 6. One thing I noticed is that the categories menu will not let me click on a category on my iPhone. It simply collapses the menu instead. Matt Link to comment Share on other sites More sharing options...
MrPhil Posted October 19, 2014 Share Posted October 19, 2014 Before spending a lot of time chasing down menu problems, etc., I would fix the character encoding issues. It's possible that invalid UTF-8 characters could be breaking menus, etc., although being a regular ? instead of ?-in-black-diamond, it may be choking on it way back at the database. You may be able to search HTML pages or even in phpMyAdmin on '?' text. By the way, you can't enter accented characters with the Alt-nnn trick. That's the wrong encoding (Latin-1). If you can figure out the multibyte UTF-8 codes, you might be able to enter the individual bytes (2 per character), or you can see if there is a glass keyboard that will let you enter the proper characters. Worst case, you may be able to enter the text in Word and then cut-and-paste into osC or phpMyAdmin (Word usually offers a UTF-8 copy for the clipboard, so it may work). Link to comment Share on other sites More sharing options...
♥GLWalker Posted October 20, 2014 Author Share Posted October 20, 2014 Hi all, Im not sure how old the description came from, where the characters got blotched up at, the original site I did was a clean copy from 2.3.1 which was then updated with descriptions by a third party. So everything should have been utf-8, but the descriptions possibly could have been existing and copied from another encoding as the domain is very old and has seen a few different structures through the years. And I have definitely spotted some Word paste jobs going on. Arrr- you can spot that mark up from a mile away. Non the less I'll fix if for them as it leaves the job looking sloppy on my end and its just not right to flood the web with markup that does not belong. I believe I solved the menu issue - @ sm and xs view I had the dropdown open set to display as static, I changed it to relative and added a height of auto, seems to work well on my phone now. Thank again for the input everyone. I will be releasing the menu code in a post in the dev forum for the community version. Follow the community build: BS3 to osCommerce Responsive from the Get Go! Check out the new construction: Admin Gone to Total BS! Link to comment Share on other sites More sharing options...
vampirehunter Posted January 19, 2015 Share Posted January 19, 2015 Hi all, Im not sure how old the description came from, where the characters got blotched up at, the original site I did was a clean copy from 2.3.1 which was then updated with descriptions by a third party. So everything should have been utf-8, but the descriptions possibly could have been existing and copied from another encoding as the domain is very old and has seen a few different structures through the years. And I have definitely spotted some Word paste jobs going on. Arrr- you can spot that mark up from a mile away. Non the less I'll fix if for them as it leaves the job looking sloppy on my end and its just not right to flood the web with markup that does not belong. I believe I solved the menu issue - @ sm and xs view I had the dropdown open set to display as static, I changed it to relative and added a height of auto, seems to work well on my phone now. Thank again for the input everyone. I will be releasing the menu code in a post in the dev forum for the community version. hi whats the best thumbnailer to use with bootstrap oscommerce? previously a lot of people advised to use Kissit thumbnailer. is that stll the case? or is there better? Link to comment Share on other sites More sharing options...
ArtcoInc Posted January 19, 2015 Share Posted January 19, 2015 @@GLWalker On your site, when using the Safari browser on an iPad, I am seeing the same problem that I have mentioned in several other threads today ... When you click on the 'My Account' button, the drop-down box is mostly hidden behind the Hello Guest bar, the Search bar, and the text in the body of the screen. Malcolm Link to comment Share on other sites More sharing options...
smith7905 Posted August 18, 2016 Share Posted August 18, 2016 site looks very clean and professional. keep up the good work Link to comment Share on other sites More sharing options...
rita00 Posted December 5, 2016 Share Posted December 5, 2016 Great theme:) Font are excellent! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.