I would say that the storefront template let too much unused space on left and right columns. When displaying in a window on a 17 inch screen, it passes prematurely to tablet format even if there is enough space to be displayed like 1.5.6 . As consequence, less products displayed per line, and need to do a scroll down immediately after jumping on site's page. In that situation, the density of usefull infos becomes too weak compared to the 1.5.6 default template, it is like a tablet on a PC. Icons on storefront page are not very explicit at first, ballons needed.
Perhaps adding a PHP device detection (PC/tablet/mobile) based on user agent ?
Perhaps adding a PHP device detection (PC/tablet/mobile) based on user agent ?
The OC2 demo sitegob33 wrote:I would say that the storefront template let too much unused space on left and right columns. When displaying in a window on a 17 inch screen, it passes prematurely to tablet format even if there is enough space to be displayed like 1.5.6 . As consequence, less products displayed per line, and need to do a scroll down immediately after jumping on site's page. In that situation, the density of usefull infos becomes too weak compared to the 1.5.6 default template, it is like a tablet on a PC. Icons on storefront page are not very explicit at first, ballons needed.
Perhaps adding a PHP device detection (PC/tablet/mobile) based on user agent ?
http://oc2.opencartdemo.com/
When it is updated ?
I think the grey text on grey background make the text little bit hard to read
The demo is our of date. The latest code has less white space on left/right
@pprmkr - your suggestion re: 'respond.js' and 'html5shiv.js' has helped and should be the answer. But alas, the left column is still full width in IE8. The center block and right columns are OK with respond.js and html5shiv.js but I cannot work out why the left column is still full width. I have searched the internet for days.
The demo site (on old code) is OK, it caters for IE8 and uses respond.js and html5shiv.js but the current code for the left column is being stubborn.
Is there somewhere where we can get the template code that is used on the demo site?
Or has someone got the current code working on IE8 for bootstrap. Please.
@pprmkr - your suggestion re: 'respond.js' and 'html5shiv.js' has helped and should be the answer. But alas, the left column is still full width in IE8. The center block and right columns are OK with respond.js and html5shiv.js but I cannot work out why the left column is still full width. I have searched the internet for days.
The demo site (on old code) is OK, it caters for IE8 and uses respond.js and html5shiv.js but the current code for the left column is being stubborn.
Is there somewhere where we can get the template code that is used on the demo site?
Or has someone got the current code working on IE8 for bootstrap. Please.
Using IE8 -
1.4.9 looks beautiful but you have a a background-color problem in 1.5
In 1.5, your background-color is transparent so the wooden timber background shows through making it hard to read the words. Everything else looks OK.
I haven't got an iPad
How did you make the left column behave. My left column is acting like content-top for the full width of the screen? Are you using the code from way back in November or is it the latest code? The left column in the oc demo site is OK but not in the latest code. My column-right and the middle column is OK, just not column-left. I haven't tried column-top/bottom
1.4.9 looks beautiful but you have a a background-color problem in 1.5
In 1.5, your background-color is transparent so the wooden timber background shows through making it hard to read the words. Everything else looks OK.
I haven't got an iPad
How did you make the left column behave. My left column is acting like content-top for the full width of the screen? Are you using the code from way back in November or is it the latest code? The left column in the oc demo site is OK but not in the latest code. My column-right and the middle column is OK, just not column-left. I haven't tried column-top/bottom
I use latest code from github with bootstrap 3.
Both column-left and -right have class="col-sm-3 col-xs-12" or class="col-sm-3 hidden-xs"
Is column-left inside row ?
I'm aware of transparent color of content on the demo, still working on it ...
Both column-left and -right have class="col-sm-3 col-xs-12" or class="col-sm-3 hidden-xs"
Is column-left inside row ?
Code: Select all
<?php echo $header; ?>
<div class="container">
<div class="row"><?php echo $column_left; ?>
<?php if ($column_left && $column_right) { ?>
<?php $class = 'col-sm-6'; ?>
<?php } elseif ($column_left || $column_right) { ?>
<?php $class = 'col-sm-9'; ?>
<?php } else { ?>
<?php $class = 'col-sm-12'; ?>
<?php } ?>
<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>
<!-- All other content here -->
<?php echo $content_bottom; ?></div>
<?php echo $column_right; ?></div>
</div>
<?php echo $footer; ?>
Yes.
Clean install of github code downloaded yesterday
column_left.tpl
home.tpl (I put the left column in home as well
header.tpl has
not working and on a clean install
Nevermind. I'm going to drop it for now and forget about the left column
Thanks for helping
Clean install of github code downloaded yesterday
column_left.tpl
Code: Select all
<?php if ($modules) { ?>
<column id="column-left" class="col-sm-3 hidden-xs">
<?php foreach ($modules as $module) { ?>
<?php echo $module; ?>
<?php } ?>
</column>
<?php } ?>
Code: Select all
<?php echo $header; ?>
<div class="container">
<div class="row"><?php echo $column_left; ?>
<?php if ($column_left && $column_right) { ?>
<?php $class = 'col-sm-6'; ?>
<?php } elseif ($column_left || $column_right) { ?>
<?php $class = 'col-sm-9'; ?>
<?php } else { ?>
<?php $class = 'col-sm-12'; ?>
<?php } ?>
<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div>
<?php echo $column_right; ?></div>
</div>
<?php echo $footer; ?>
Code: Select all
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
....... etc etc etc
<script src="catalog/view/javascript/jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen" />
<!--[if lt IE 9]>
<script src="catalog/view/javascript/bootstrap/js/html5shiv.js" type="text/javascript"></script>
<script src="catalog/view/javascript/bootstrap/js/respond.min.js" type="text/javascript"></script>
<![endif]-->
<script src="catalog/view/javascript/bootstrap/js/bootstrap.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/magnific.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/magnific.css" rel="stylesheet">
Nevermind. I'm going to drop it for now and forget about the left column
Thanks for helping
Change:
Into:
Code: Select all
<column id="column-left" class="col-sm-3 hidden-xs">
Code: Select all
<div id="column-left" class="col-sm-3 col-xs-12">
That's it !!!! Yay !!!!!
It's the <div instead of <column
It also needs to be done for column-right.tpl
Thanks you soooooo much. I've spent a week on it getting nowhere and working on an old XP machine on IE8 is no fun.
I haven't tested the jQuery 1.x yet but I expect that should be a no-brainer
I'm soooo haaaaapppy. Thank-you. Thank-you. Thank-you
It's the <div instead of <column
It also needs to be done for column-right.tpl
Thanks you soooooo much. I've spent a week on it getting nowhere and working on an old XP machine on IE8 is no fun.
I haven't tested the jQuery 1.x yet but I expect that should be a no-brainer
I'm soooo haaaaapppy. Thank-you. Thank-you. Thank-you
@pprmkr - using IE8, on a category page, choosing LIST view, only makes the product take up a whole row. It doesn't move the block of text to the right of the pic.
I'm abandoning the v2 template now and rolling back to 1.5.x template for the XP/IE8 users. Too much probs with IE8
Thanks for your help
I'm abandoning the v2 template now and rolling back to 1.5.x template for the XP/IE8 users. Too much probs with IE8
Thanks for your help
For those who want to play with the latest opencart 2.0.
I made a demo site. It's daily updated from the github repo. Just a clean installation with no modifications. http://oc2.xdev.io/
I made a demo site. It's daily updated from the github repo. Just a clean installation with no modifications. http://oc2.xdev.io/
There is one in the OP alreadydvlpr wrote:For those who want to play with the latest opencart 2.0.
I made a demo site. It's daily updated from the github repo. Just a clean installation with no modifications. http://oc2.xdev.io/
http://oc2.opencartdemo.com/
I like it a lot!aye wrote:There is one in the OP alreadydvlpr wrote:For those who want to play with the latest opencart 2.0.
I made a demo site. It's daily updated from the github repo. Just a clean installation with no modifications. http://oc2.xdev.io/
http://oc2.opencartdemo.com/
DL
This account is inactive. Look for us under the name 'EvolveWebHosting' and contact us under that username.
Thanks!
But the admin is not working...aye wrote:There is one in the OP alreadydvlpr wrote:For those who want to play with the latest opencart 2.0.
I made a demo site. It's daily updated from the github repo. Just a clean installation with no modifications. http://oc2.xdev.io/
http://oc2.opencartdemo.com/
Hi Guys,
I'm setting up a test with OC2 all working fine for now and looks great the new interface!
About to edit the style for my own design, i want to set the width for the theme. How to do this, edit in the bootstrap.css? And how about the min-width?
And whats the best way to disable the wishlist and compare functions?
Thanks,
Tim
I'm setting up a test with OC2 all working fine for now and looks great the new interface!
About to edit the style for my own design, i want to set the width for the theme. How to do this, edit in the bootstrap.css? And how about the min-width?
And whats the best way to disable the wishlist and compare functions?
Thanks,
Tim
Live with 2.2.0.0 fully SSL.
There is a test site for testing the look on different devices: http://mattkersley.com/responsive/
Try it out with the demo addresses.
Im not so enthousiastic as you about new design. Lot of white space wasted compared to a normal template.
4 products per line in 1024 wide where space for 5 per line.
Comparison with latest Prestashop 1.6.x (responsive): admin - shop
Try it out with the demo addresses.
Im not so enthousiastic as you about new design. Lot of white space wasted compared to a normal template.
4 products per line in 1024 wide where space for 5 per line.
Comparison with latest Prestashop 1.6.x (responsive): admin - shop
I've tried to install OpenCart 2.0 without change and get a warning error, at the time of order confirmation which reads "
" Fatal error: Call to a member function getCustomFields() on a non-object in G:\website\wamp\www\opencart-master\upload\catalog\model\checkout\order.php on line 32"
please help to solve the problem I described, thank you in advance
" Fatal error: Call to a member function getCustomFields() on a non-object in G:\website\wamp\www\opencart-master\upload\catalog\model\checkout\order.php on line 32"
please help to solve the problem I described, thank you in advance
Please post your bug report on github. This forum thread is about the OpenCart 2.0 template only. Also bear in mind that OpenCart 2.0 is still work in progress.didik77 wrote: please help to solve the problem I described, thank you in advance
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
Who is online
Users browsing this forum: Ahrefs [Bot] and 98 guests