Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Hello, I have another question.

I would like to locate credit card images in the middle of white space (or insert white space before).
I am using Inspect element by placing cursor on the images but can not guess which code controls vertical position.
I am intuitively looking for for something like "middle" or "center" or 50%.

Situation is located in the end of the page here

This is the goal:

[Attachment no longer available]

This issue hunting me through all web site.

Any suggestion of how to center elements in vertical direction will be appreciated.

This is the goal:

from previous post

idtags:

This is the goal:

from previous post

In your stylesheet.css, around line #445, add a top margin, like:

#ccFooterLogo {
text-align: center;
margin-top: 10px;
}

If that doesn't work, you may want to try cutting that entire div bit and pasting it at bottom of the stylesheet.

soxophoneplayer:

In your stylesheet.css, around line #445, add a top margin, like:

#ccFooterLogo {
text-align: center;
margin-top: 10px;
}

If that doesn't work, you may want to try cutting that entire div bit and pasting it at bottom of the stylesheet.

Thank you, it worked! :smile:

Hello Team!

Responsive classic template is working very good.

Little things here and there will be resolved over time.

I have question about fonts of text.

On computer I have arial, which can be changed by browser settings.

On I-phone the same text is Times Roman which is annoying and no way to change it in Safary browser.

How do you stabilize of freeze the Text Font across the platforms, or this is not possible yet?

Using Inspect Element does not show font name (or I am missing it?)

It is not big deal just aesthetic. :smile:

Hi

Does anyone know if Picaflor Azul still active in writing & sales of ZEN Cart Templates. I am looking at: https://picaflor-azul.com/zen-cart-templates-themes and had some questions in regards to purchases but I don't get any response from Picaflor-azul whether via the message pop up or via email. She wrote to me in late 2016 but looking at her current site, it does not seem active since. Any idea? I saw Dr Byte once acknowledge her contributions to Zen on the responsive template but nothing since.

Thanks, Noi

In your stylesheet.css, add font rules to body tag:

body {
margin:0em;
padding:0em;
border:0;
background:#fff;
color:#333;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:0.9em;
}

Thank you dw08gm, it worked well! :smile:

My next challenge is weird.

When I use PC and Inspect element here for I-phone Landscape i see two menu lines in the end of the page:

But when I select I-Phone Portrait one menu disappears:

To make confusion even worse, when I look on actual I-Phone (not PC simulation) it is wise wersa.
On **Portrait **there are two menus in **Landscape **the is only one.

How to make both menus permanent?

Thank you.

Problem is resolved:

In /home/your_domain/public_html/store/includes/templates/your_template/css/responsive_mobile.css

around line #197

replace:

#navCatTabsWrapper, #navEZPagesTop, #navSuppWrapper{display:none;visibility:hidden;}

with

#navCatTabsWrapper, #navEZPagesTop, #navSuppWrapper{display:block;visibility:visible;}

Just for the lurkers. What was done was change the landscape to match the portrait, not the other way around as might be assumed.

Be aware that many of the responsive_classic stylesheets are broken out by (as in this case) landscape vs portrait, tablet vs phone, and screen size.

Hi:

I am just starting to investigate the 1.5.5f responsive template. I currently am using 1.5.4 with the Responsive Sheffield Blue 2.0 template.

While I like my present look I think that it has some limitations, which will be better with the new version.

I sell in both Canadian and U.S. dollars and have a dropdown menu in the header so the customer can choose their currency. Some customers still do not see it and check out in the wrong currency.

I want to use the User Currency plugin to choose which currency the customer is using depending on where they live. The sidebox will be used so the customer can see which currency they are using.

I noticed that the sideboxes disappear when in phone mode.

Is there any way to get the Currency as a heading in the main dropdown menu?

If not in the dropdown menu, how about in the header?

Dave

top hatt:

Hi:

I am just starting to investigate the 1.5.5f responsive template. I currently am using 1.5.4 with the Responsive Sheffield Blue 2.0 template.

While I like my present look I think that it has some limitations, which will be better with the new version.

I sell in both Canadian and U.S. dollars and have a dropdown menu in the header so the customer can choose their currency. Some customers still do not see it and check out in the wrong currency.

I want to use the User Currency plugin to choose which currency the customer is using depending on where they live. The sidebox will be used so the customer can see which currency they are using.

I noticed that the sideboxes disappear when in phone mode.

Is there any way to get the Currency as a heading in the main dropdown menu?

If not in the dropdown menu, how about in the header?

Dave

I wasn't able to get any help with same question and was unsuccessful trying to cut/paste code to do it myself.

I ended up taking the Currencies part of Flexible Languages/Currencies mod by R Barbor (old but most recent available) and working that into Responsive Classic. I had trouble with the drop down variations available on the mod mucking things up stylewise in my header, but the 'icon' select worked with minimal css fiddling. The icons included in the mod are, well, really ugly, so I tried making my own. I have it working on my test site but haven't taken it live as I'm still not content with my icons. (Hard to come but with two small $ signs that are easily identified as two separate currencies!)

But, it is workable.

Further to post #513:

I forgot to add - I fiddled the code to put the currencies in the main menu bar (under the logo/tagline) IN PLACE OF the search bar , for the mobile version. The search bar also appears in the side menu of mobile and I don't have a huge product list so I thought this was a good trade off. Otherwise the currencies in main header would jam up because of space allowed for various other headings that appear when en-acted - like 'cart'. This required some additions to the mobile, tablet, and responsive default stylesheets to trigger when the currencies would show up in the top header or the menu header.

Thanks for the quick reply.

What you are talking about is way over my head. I am not a coder; I am a great copier.

I guess I can give it a try. I have the currency box now in the header of the Sheffield Blue template. Maybe I can fiddle with that. If not then the 1.5.5f version is not going to work for me.

Thanks for your help.

Dave

MOBILE FORMATTING

Just got a nice working version of my install with most of the changes I wanted all done.
(Latest versions of ZC and RC - One Page Checkout. Also a "special" of my own in main_page which allows a specified delivery date to be placed into a Sessions variable for later use.)

But I did most of my work on a PC and that wasnt a problem until the last phase of detailed checking.
Then I saw two problems arose on going to Mobile display

First I see the vanilla demo site also has the same problem with the top bar height.

Is there a simple fix for this - I just wondered because if the demo hasnt been fixed then.....

Second - my categories disappear on Mobile and I cant get a working "hamburger" to replace !!
I have tried everything I can think of and many different ways. Some times I get a hamburger but it doesnt function at all or, as here, no hamburger !! There MUST be a simple answer to this one!!

yes there was a simple answer - the "Mobile view" in Admin is only a teeny weeny approximation - you have to look at a REAL MOBILE!!
Then I get different problems - but much more logical ones !!

But the only one that bothers me at present is getting the Product listing to be a little more condensed.
I think that could be accomplished if I could just get the "Add:" Quantity Input Box size down a bit but I seem to be able to change everything on that list BUT that box size - where is it set please ?

zc 1.5.5f, php7.1, clone of Responsive Classic, ckeditor, many other mods.

Is there a sanitize issue that prevents adding formatted text to main page? If I use ckeditor to insert some content in the Define Pages tool I get a gobbledy-gook mixture of my text and the resident code for media detect, + the photos for all devices showing on the desktop. I tried both WSIWYG and Source views and ensured my text was outside of the resident php coding.

I also tried using a clean copy of the main page file with instructions on editing the page, eliminating the text of those installation notes and putting my text within the <p></p> with same result.

Turning of ckeditor on the define pages selector I can successfully insert plain text, but if I try to sneak in any styling at all it wrecks the page again.

I looked, unsuccessfully, in the db to see if I could find where the main page content 'lives' - to see if I could add style format directly in the db.

This seems similar to an issue I had in Responsive Sheffiled Blue with editing social media icons in the footer, and the solution for me was to edit directly in the db.

But I think I recall reading that there was a sanitizing thing in play - but of course I can't find where I read that!

I used to insert little notes at the top of main page fairly regularly and had no trouble with ckeditor styling, but I confess I don't recall if I've done it since I updated to zc 1.5.5f (from 1.5.5e) or since I switched from Responsive Sheffield Blue to Responsive Classic a few months back.

So my question - is there a sanitizing file that is in play here and if so can I exempt the main page from it. Or, is there a table in the db that I can go to to insert my styling manually?

(The plain text is now on my main page if anyone want to look at source code).

Thanks

soxophoneplayer:

zc 1.5.5f, php7.1, clone of Responsive Classic, ckeditor, many other mods.

Is there a sanitize issue that prevents adding formatted text to main page? If I use ckeditor to insert some content in the Define Pages tool I get a gobbledy-gook ...

I hacked around this - inserted my own text in the original file set version of define_main_page using the code of the 'instructions for new users' but replacing the text content with my own. I tried this before and it didn't work, but now I found that the class "red" wasn't defined in the stylesheet. Once I added a def for that class (at the bottom of my stylesheet) then I got a result.

So, it seems that adding content to main page must be done with classes and not html (?). Its quite a slog just to add a sentence to home page.

I'm a bit confused in what you were trying to do. If you were wanting to color the text red, it could have been in a color call versus a class.

And, a class for color might be done but would normally be something like class="w3-red" OR set initially for all items using red.```
.important:active,
.important.active,.important:focus,
.important.focus,
.important:hover,
.important a:hover {
color: red;
background-color: white !important;
border-color: red !important;
}