Post by pprmkr » Fri Apr 18, 2014 1:56 pm

Do an search on 'respond.js' and 'html5shiv.js' for 'if lt IE 9' and supporting jquery 1.11 instead of 2.0

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by jty » Fri Apr 18, 2014 11:49 pm

Thanks pprmkr. I came across those while I was investigating the problem. It might be easier than starting afresh with a 1.5.x template. But for now, I'm doing a search for an XP machine so I can get IE8

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by gob33 » Sat Apr 19, 2014 1:28 am

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 ?

All my extensions


Active Member

Posts

Joined
Wed Feb 10, 2010 8:43 am
Location - France

Post by utomo » Mon Apr 21, 2014 11:51 am

gob33 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 ?
The OC2 demo site
http://oc2.opencartdemo.com/

When it is updated ?

I think the grey text on grey background make the text little bit hard to read

New member

Posts

Joined
Sat Nov 26, 2011 12:55 pm

Post by jty » Wed Apr 23, 2014 11:53 am

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.

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by pprmkr » Wed Apr 23, 2014 1:27 pm

You can test my changes for 1.5.5 and 1.4.9

And if you own an iPad, please test the menubar.

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by jty » Wed Apr 23, 2014 5:56 pm

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

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by pprmkr » Wed Apr 23, 2014 6:18 pm

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 ?

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; ?>
I'm aware of transparent color of content on the demo, still working on it ...

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by jty » Wed Apr 23, 2014 6:47 pm

Yes.
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 } ?>
home.tpl (I put the left column in home as well

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; ?>
header.tpl has

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">
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

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by pprmkr » Wed Apr 23, 2014 6:53 pm

Change:

Code: Select all

<column id="column-left" class="col-sm-3 hidden-xs">
Into:

Code: Select all

<div id="column-left" class="col-sm-3 col-xs-12">

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by jty » Wed Apr 23, 2014 7:47 pm

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

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by jty » Thu Apr 24, 2014 10:18 am

@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

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by dvlpr » Thu Apr 24, 2014 11:42 am

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/

Newbie

Posts

Joined
Thu Apr 24, 2014 11:34 am

Post by aye » Wed Apr 30, 2014 6:17 am

dvlpr 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/
There is one in the OP already ;)
http://oc2.opencartdemo.com/

Free hosting


aye
New member

Posts

Joined
Sun Sep 29, 2013 3:17 pm

Post by cwswebdesign » Wed Apr 30, 2014 7:08 am

aye wrote:
dvlpr 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/
There is one in the OP already ;)
http://oc2.opencartdemo.com/
I like it a lot!

DL

This account is inactive. Look for us under the name 'EvolveWebHosting' and contact us under that username.

Thanks!


User avatar
Active Member

Posts

Joined
Sun Dec 11, 2011 12:26 am
Location - USA

Post by rocketweb » Thu May 08, 2014 12:30 am

aye wrote:
dvlpr 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/
There is one in the OP already ;)
http://oc2.opencartdemo.com/
But the admin is not working...

Newbie

Posts

Joined
Tue Oct 08, 2013 4:05 pm

Post by tjsystems » Thu May 08, 2014 10:42 pm

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

Live with 2.2.0.0 fully SSL.


Active Member

Posts

Joined
Sun Aug 26, 2012 5:39 pm
Location - NL, Amsterdam

Post by gob33 » Mon May 12, 2014 6:12 am

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

All my extensions


Active Member

Posts

Joined
Wed Feb 10, 2010 8:43 am
Location - France

Post by didik77 » Fri May 30, 2014 7:10 pm

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

Newbie

Posts

Joined
Fri May 30, 2014 10:32 am

Post by JNeuhoff » Sun Jun 01, 2014 2:15 am

didik77 wrote: 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.

Override Engine * Integrated VQMod * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Rich Snippets * Google Tag Manager * Export/Import Tool * SpamBot Buster * Survey Plus


User avatar
Expert Member

Posts

Joined
Wed Dec 05, 2007 3:38 am

Who is online

Users browsing this forum: No registered users and 1 guest