Responsive DIY Template Default for v1.5.x

keneso:

Of course you are right, and I knew/know your choices are motivated; I was looking at it from the perspective of the potential developper to quickly switch from one view to other, although the said developper would need to use other tools like the one you suggested on your post #126
That said, I retire my "objection".

Thanks.

Could do this just using said tool: FF User Agent Switcher.

rbarbour:

ERROR indicates you are trying to add a configuration_key that already exists, probably from installing another responsive template using the same framework as this template.

1.) You only need the ALTER_TABLE layout_boxes patch unless already added:

ALTER TABLE layout_boxes ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;

> 
> None of the configuration patches apply.
> 
> 2.) You only need the layout_controller.php file on the admin side
> 
> 3.) You need the altered modules/template/column_left.php and column_right.php files on the catalog side, this is where the CSS class is placed.
> 
> 4.) Then you will need to add the CSS class rule to your stylesheets
> 
> this hides the sideboxes
> .minWidthHide {display:none;visibility:hidden;}

I am sorry I might have created a little bit of confusion here: I know I had asked you about the layout_controller for the Zurb template; BUT this case is about your responsive_default template, I did some work on a template merged with responsive_default, and in order to test it I made a new Zen Cart install, importing the database of the existing site into it, then uploaded the merged template, and tried to install the responsive_default's sql_patch, and this is where I got the error, and like said what is missing are the two settings in layout_settings:
ACTIVATE Responsive Template 	 
Categories-Tabs Menu @min-width Options

When I activate the merged template I get a totally blank page when viewing the "site".

I hope I haven't added to the confusion!

Update:
I have no idea why the patch didn't work, anyhow I added the two layout_settings items by editing the database, and reimporting it, now the two do show up in layout_settings.

I copied the working merged template, changed its name, and uploaded it, now page is loading fine, with some layout issues, which I'll fix, hopefully I'll figure out which file/s was/were holding the page to load.

keneso:

Update:
I have no idea why the patch didn't work, anyhow I added the two layout_settings items by editing the database, and reimporting it, now the two do show up in layout_settings.

I copied the working merged template, changed its name, and uploaded it, now page is loading fine, with some layout issues, which I'll fix, hopefully I'll figure out which file/s was/were holding the page to load.

I'm glad you got it working!

rbarbour:

1.) In 2.1 I will be including a Responsive/Default Switch which will allow a site visitor to choose the responsive view or the default view template.

DEMO links in navMainWrapper

2.) In 2.1 I will be including a Desktop/Tablet/Mobile Switch which will allow a site visitor on a Desktop to view as Mobile or Tablet, Mobile view as Desktop, Tablet View as Desktop

This site includes most recent php_moble_detect.php class v2.7.6 and Zen Cart BETA v1.5.2

DEMO links in navMainWrapper

Opinions, questions, comments concerns wanted please!

Was hoping for more of a response before I released, maybe a Full Site Switch isn't that big of a deal for the community.

It is even if the response isn't there.. this is an iimportant feature..

rbarbour:

Was hoping for more of a response before I released, maybe a Full Site Switch isn't that big of a deal for the community.

rbarbour:

Was hoping for more of a response before I released, maybe a Full Site Switch isn't that big of a deal for the community.

Yes, agree, these are important features.

rbarbour:

Was hoping for more of a response before I released, maybe a Full Site Switch isn't that big of a deal for the community.

Don't wait for a response. The work you are doing is very important and much appreciated even if you do not hear much feedback. From my experience, over the years, you can be doing some really spectacular things and never hear that much back from the community ;)

Thanks,

Anne

rbarbour:

1.) In 2.1 I will be including a Responsive/Default Switch which will allow a site visitor to choose the responsive view or the default view template.

DEMO links in navMainWrapper

2.) In 2.1 I will be including a Desktop/Tablet/Mobile Switch which will allow a site visitor on a Desktop to view as Mobile or Tablet, Mobile view as Desktop, Tablet View as Desktop

This site includes most recent php_moble_detect.php class v2.7.6 and Zen Cart BETA v1.5.2

DEMO links in navMainWrapper

Opinions, questions, comments concerns wanted please!

I'm a little out of sequence on this (seeing a comment recently posted about this inquiry. I'd say keep moving forward with the above plan. I haven't merged any of the latest versions of the responsive design into the existing responsive template on my site and I had inquired about this feature elsewhere in the ZC forums. I am not sure how you are planning to implement whether it be, all devices can switch to the other "style" or only select devices can. Times "past" have only seen to go to a "mobile" view if actually on a mobile device. That said, it seems that this design is going beyond just a mobile device but reshaping the view based on how the user interacts with it and not just to make the same thing bigger on screen. So that said, might recommend design to all any to go from one view to the other.

mc12345678:

I'm a little out of sequence on this (seeing a comment recently posted about this inquiry. I'd say keep moving forward with the above plan. I haven't merged any of the latest versions of the responsive design into the existing responsive template on my site and I had inquired about this feature elsewhere in the ZC forums. I am not sure how you are planning to implement whether it be, all devices can switch to the other "style" or only select devices can. Times "past" have only seen to go to a "mobile" view if actually on a mobile device. That said, it seems that this design is going beyond just a mobile device but reshaping the view based on how the user interacts with it and not just to make the same thing bigger on screen. So that said, might recommend design to all any to go from one view to the other.

You can use the demo links provided to see for yourself how this is planned to be implemented.. Suggest viewing on a smartphone or tablet so you are CLEAR on the new features..

Ok Im stuck

I have read the advice given in post 13 of this thread regarding a maximum width for desktops, so it doesn't take the whole screen on a huge monitor.

However everytime I have tried setting a maximum width, it effects all browsers at all sizes it basically sets the width of the site to 980px, Is there anyone on here using this template who has a maximum width set for the desktop, just so I can see it in action.

Thanks

nigelt74:

Ok Im stuck

I have read the advice given in post 13 of this thread regarding a maximum width for desktops, so it doesn't take the whole screen on a huge monitor.

However everytime I have tried setting a maximum width, it effects all browsers at all sizes it basically sets the width of the site to 980px, Is there anyone on here using this template who has a maximum width set for the desktop, just so I can see it in action.

Thanks

Here I have set it to 990px, and tested it with 1090, and 1190 as well
afzdesign dot com /zencart-downloaded-res-tpls/

It's still in development, so there are stuff to be fixed yet, but as max width goes it seems to be working.

I've used the following in responsive_default.css

@media (min-width:768px) and (max-width:979px){}

@media (max-width:979px){}

@media (min-width:980px){}

@media (max-width:1200px){}
/*
@media (min-width:980px) and (max-width:1200px){}*/

@media (min-width:1201px){

/* The responsive code automatically adjusts the width to 100% on a desktop screen */
/* Changing the % (100%) to a px (980px) will keep .onerow-fluid from expanding past (980px) */
/* The below (margin:auto;) centers .onerow-fluid if changed to a (px) value */

.onerow-fluid{width:990px;*zoom:1;margin:auto;}

/* The below code will also keep your header and footer from expanding past (980px) */
div#headerWrapper,div#navSuppWrapper{width:990px;margin:auto;}

}

I am not sure if it's ok to ask about an issue I have here, in case my apologies.

I am working to merge an existing template, and added the dropdown menu for the small media (< 768px) and it seems to be working fine here (default Zen Cart DB)
afzdesign dot com/zencart-downloaded-res-tpls

but when using same template/files here (actual site DB)
afzdesign dot com/cadante_151
the ez-pages are not rendered, the list is visible, but the content is not, like this:

The path is menu icon > info > useful links (menu icon > info > link utili)

Again, if this goes beyond this thread's intention I apologize, please let me know, and I'll post elsewhere.

Thank you.

keneso:

I am not sure if it's ok to ask about an issue I have here, in case my apologies.

I am working to merge an existing template, and added the dropdown menu for the small media (< 768px) and it seems to be working fine here (default Zen Cart DB)
afzdesign dot com/zencart-downloaded-res-tpls

but when using same template/files here (actual site DB)
afzdesign dot com/cadante_151
the ez-pages are not rendered, the list is visible, but the content is not, like this:

<li><a href="ezpage-link">**MISSING**</a>

The path is menu icon > info > useful links (menu icon > info > link utili)

Again, if this goes beyond this thread's intention I apologize, please let me know, and I'll post elsewhere.

Thank you.

I am sorry, I am not familiar with the dropdown menu you are using.

I apologize for my absence, I have been extremely ill and what time I have had available has been spent tying up loose projects.

Due to my illness I will not be as active in the community forums as I have been in the past and encourage the community to upgrade, improve and built upon the few contributions I have made.

v2.1 is being uploaded taday!

This will be my final version of the Responsive DIY Template Default for 1.5.x, only a few minor adjustments have been made.

v2.1

• moved php-mobile-detect from *Root folder to classes folder.
• added display_mode $_SESSION to auto loader.
• added example "site" switches to header.
• added ADMIN configuration to set which "site" links display on which devices.
• added ADMIN configuration to set "displayed text" for "site" links.
• update php-mobile-detect to the most recent version v2.7.6
• tested on Zen Cart versions v1.5.0, v1.5.1 and v1.5.2-BETA
• removed all // commented out code from 1.0
• moved installation and upgrade instructions to the ZCAdditions development site.

thanks alot for this! I've created a test site on another folder ...com/responsivetest so I can test and use this. after installation, following the instructions on your site, what would I do next? sorry newbie question. I'm using a zj_black template and have made a bunch of changes/customizing to the files to get my site how I want it and live. Do I basically just merge your responsive code into my zj_black folder files and go from there(I know I'll have to add files like different product info template files for better mobile view, thanks for your explaining about that), or copy my files to responsive_template_default folders and merge the code? Sorry still learning, have read a good bit. Thanks!

rbarbour:

I apologize for my absence, I have been extremely ill and what time I have had available has been spent tying up loose projects.

Due to my illness I will not be as active in the community forums as I have been in the past and encourage the community to upgrade, improve and built upon the few contributions I have made.

Really sorry to hear about your illness, hopefully is nothing serious; wish you the best.
Get well soon.

keneso:

Really sorry to hear about your illness, hopefully is nothing serious; wish you the best.
Get well soon.

I echo these wishes, our thoughts are with you Raymond.

picandnix:

I echo these wishes, our thoughts are with you Raymond.

Ditto!:smile:

Prayers for you and thank you for everything!