Responsive Sheffield Blue v2.0

SilverHD:

Anne:

I want to change the width and height of the slide show. Sorry for the confusion. Ideally 1024 x 768 but I want to make sure it changes with different browsers.

Thank you,

Silver

Just change the width using a percentage and let the height change dynamically.

Thanks,

Anne

Thanks Anne, I appreciate your help!

Silver

Hi Anne
Trying to use sheffield blue 2 template to be for Hebrew with right to left view with Eran Hebrew language addon.
When the file ../includes/languages/hebrew.php contains RTL then the width of the Hebrew page get wider and the scrolling
bar apears on the bottom: Hebrew
When I change it to LTR it is OK: English
Any ideas why RTL causes such a thing ??

SilverHD:

Thanks Anne, I appreciate your help!

Silver

No problem ;)

Thanks,

Anne

gunni:

Hi Anne
Trying to use sheffield blue 2 template to be for Hebrew with right to left view with Eran Hebrew language addon.
When the file ../includes/languages/hebrew.php contains RTL then the width of the Hebrew page get wider and the scrolling
bar apears on the bottom: Hebrew
When I change it to LTR it is OK: English
Any ideas why RTL causes such a thing ??

I don't see a horizontal scroll on hebrew. What size browser are you using? What device? etc.

Thanks,

Anne

picaflor-azul:

I don't see a horizontal scroll on hebrew. What size browser are you using? What device? etc.

Thanks,

Anne

Hi Anne,
Thanks for your reply.
I see it on Windows 10 desktop computer, Windows XP desktop computer, One Plus one Android mobile,
Tablet...
Looks like all the devices I checked were with this problem.
Please check again.

gunni:

Hi Anne,
Thanks for your reply.
I see it on Windows 10 desktop computer, Windows XP desktop computer, One Plus one Android mobile,
Tablet...
Looks like all the devices I checked were with this problem.
Please check again.

By the way, in mobile devices you will not see the scroller but if you will put your finger and move the screen to the right/left - you will see it scrolled a little.

gunni:

Hi Anne,
Thanks for your reply.
I see it on Windows 10 desktop computer, Windows XP desktop computer, One Plus one Android mobile,
Tablet...
Looks like all the devices I checked were with this problem.
Please check again.

What size monitor are you using? I am viewing on a large desktop and do not see the scroll bar.

Thanks,

Anne

picaflor-azul:

What size monitor are you using? I am viewing on a large desktop and do not see the scroll bar.

Thanks,

Anne

One monitor is 18.5" 1366x768
Other monitor is 17" 1024x768

HI Anne,
Have the template live and all working well. I have made some changes to the Display mode to minimise the calls to mobile detect and get them all in one place.
I have changed:
includes>init_includes/init_display_mode.php
includes>templates>responsive_sheffield_blue>common>html_header.php
includes>templates>responsive_sheffield_blue>templates>tpl_modules_mobile_categories_tabs.php

Basically I have used the init_display_mode module to set $_SESSION['display_mode'] to the display mode and then used that in the other two modules.

Don't know if you want it for the future template of the 1.5.6 version of zen cart. Just in case I have attached a zip file with the modules.

I also had difficulty with Slimmenu ( I could not get that to work on my samsung galaxy tab.) I therefore replaces it with smart menu from http://www.smartmenus.org/ which worked straight out of the box. I have not included this in the file. If you want to see this go to my site http://innerlightcrystals.co.uk/sales/ or visit their site. If you want i could put together a separate include for this menu. It may take me a few days.

Hope you find this useful.

Attachment #15867

brittainmark:

HI Anne,
Have the template live and all working well. I have made some changes to the Display mode to minimise the calls to mobile detect and get them all in one place.
I have changed:
includes>init_includes/init_display_mode.php
includes>templates>responsive_sheffield_blue>common>html_header.php
includes>templates>responsive_sheffield_blue>templates>tpl_modules_mobile_categories_tabs.php

Basically I have used the init_display_mode module to set $_SESSION['display_mode'] to the display mode and then used that in the other two modules.

Don't know if you want it for the future template of the 1.5.6 version of zen cart. Just in case I have attached a zip file with the modules.

I also had difficulty with Slimmenu ( I could not get that to work on my samsung galaxy tab.) I therefore replaces it with smart menu from http://www.smartmenus.org/ which worked straight out of the box. I have not included this in the file. If you want to see this go to my site http://innerlightcrystals.co.uk/sales/ or visit their site. If you want i could put together a separate include for this menu. It may take me a few days.

Hope you find this useful.

Attachment #15867

Thank you for posting your changes. The next update of the template package will probably use rbarbour's new version of the diy responsive template default code which has many improvements. You can see the new code here:

https://www.zen-cart.com/showthread.php?218718-ZCA-Responsive-CSS-Template-Framework-%28BETA%29

There is a patch posted here on the forum for the slimmenu problem. It is of course advisable to switch the menu to any menu that you prefer ;)

Thanks,

Anne

Just found a small oversight in some of the defines:

In both includes/languages/english/products_all.php and products_new.php you must add:

define('TABLE_HEADING_MODEL','Model: ');

This error occurs when viewing: Product Listing - Layout Style in rows instead of columns

Anne (or anyone),
Im trying to remove some space in my header. Ive looked at the tpl_header file and the stylesheet...but usually the changes i make negatively affect the mobile version of the site so im stumped.
I also noticed my language and currency have dropped down a line...also creating extra space.
I would really like to have a texture behind the whole header but could not get that to work either.
help! :)
http://axisoneindustries.com/store/

Goshawk:

Just found a small oversight in some of the defines:

In both includes/languages/english/products_all.php and products_new.php you must add:

define('TABLE_HEADING_MODEL','Model: ');

> 
> This error occurs when viewing: Product Listing - Layout Style in rows instead of columns

The template is designed to use the column layout.  If you want to use the rows layout you will need to make adjustments to make the layout responsive.

Thanks,

Anne

bigwireless:

Anne (or anyone),
Im trying to remove some space in my header. Ive looked at the tpl_header file and the stylesheet...but usually the changes i make negatively affect the mobile version of the site so im stumped.
I also noticed my language and currency have dropped down a line...also creating extra space.
I would really like to have a texture behind the whole header but could not get that to work either.
help! :)
http://axisoneindustries.com/store/

Any changes that you make to the template need to be checked on all devices. Use chrome and the web developer tools to tell you the line of the stylesheet that needs to be edited. If you change the desktop you may also need to make changes in the responsive_mobile.css and responsive_tablet.css.

Thanks,

Anne

gunni:

One monitor is 18.5" 1366x768
Other monitor is 17" 1024x768

Hi Anne,
Do you have any idea why in Hebrew I have the horizontal scroll bar
and in English not ?

gunni:

Hi Anne,
Do you have any idea why in Hebrew I have the horizontal scroll bar
and in English not ?

My guess is that the right hand ribbons on the sidebox headers are causing the problem. Use the chrome web developer tools to find the lines in the stylesheets that need to be adjusted.

Thanks,

Anne

picaflor-azul:

My guess is that the right hand ribbons on the sidebox headers are causing the problem. Use the chrome web developer tools to find the lines in the stylesheets that need to be adjusted.

Thanks,

Anne

You are genious :clap:
Changed in stylesheet.css
left:14px instead of -25px

.ribbon1 {font-size: 16px !important;width: 110.8%;position: relative;background: #24629f;color: #fff; text-align: center;left:14px;}

Hello! I was wondering how I would go about adding another tab to the main page box, where the Newest, Featured and Specials tabs are. I am wanting to add a tab for upcoming products- I realise I can add this section below the tabs box but I need it to be more noticable, so an extra tab would be ideal. Please dumb-down instructions as much as you can, as my PHP knowledge is limited :lookaroun Thanks!

picaflor-azul:

It looks like you do not have that file uploaded from the template package:

includes/classes/split_page_results.php

Thanks,

Anne

I have the same problem here... this is what I get when I add something to the shopping cart using Chrome and IE;

An unknown response null: :text/html;
charset=utf-8: :SyntaxError: Unexpected end of input was received while processing an ajax call. The action you requested could not be completed.

This is what I get when I use Firefox;

An unknown response null: :text/html; charset=utf-8: :SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data was received while processing an ajax call. The action you requested could not be completed.

I checked for the file includes/classes/split_page_results.php
The file was already there, but I uploaded it again to be sure... still getting same thing.:dontgetit