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

lat9:

Web search engines are your friend; did you try the web-search I suggested above? IIRC, at least one had some javascript/css that would do that.

yes. what @lat9 said makes perfect sense.

i found the 2nd solution in this posting, after doing what she recommended to be a potentially easy way to accomplish what you want.

carlwhat:

yes. what @lat9 said makes perfect sense.

i found the 2nd solution in this posting, after doing what she recommended to be a potentially easy way to accomplish what you want.

thank you for the link, im not sure which file i need to edit and/or create, im a novice coder at best, i coann follow guideas and instructions and modify existing code to a small degree but thats about my limit

lat9:

Web search engines are your friend; did you try the web-search I suggested above? IIRC, at least one had some javascript/css that would do that.

hi thanks for the reply
i did search and the more i read the more lost i got:unsure:, after a couple of hours of reading various results i didnt know which way was up :frusty:so had to admit defeat

ok have found a possible css solution and want to run it past you guys

the issue i am having in implementing it is knowing the exact tags required for that specific button/field

.upload-form .elementor-field-type-upload input[type="file"]::before{
    content: 'Browse files';
    background-color: grey;
    padding: 10px 15px;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    line-height: 3em !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.upload-form .elementor-field-type-upload input[type="file"]::after{
    content: 'You have not chosen any files yet';
    font-size: 14px !important;
    padding-left: 10px;
}

.upload-form .elementor-field-type-upload input[type="file"]{
    font-size: 0px;
}

.upload-form .elementor-field-type-upload input[type="file"]::file-selector-button{
    display: none;
}

tutorial was here
https://www.youtube.com/watch?v=8XnOBVrU6r0

hoping this is the correct place to post this.

wrt to the this box, it appears to be in two halves, which don't stay aligned when zooming in and out

stylesheet.css line 361

#pinfo-right {

float: right;

width: 55%;

padding: 20px 0 0 0;

}

stylesheet.css line 379

#cart-box {

padding: 1em;

float: right;

width: 52.5%;

}

so wondering do I need this inside another container and float that right, or some other css control?

Also want to know about changing labels from state to county managed this on the tempte store front but not in admin (so technically the admin thing is a question in the wrong place?

But on the store front if i select state drop down in admin the alignment goes out for input field not so sur why and how that would be resolveble at the minute.

see attached images

MadWay:

Also want to know about changing labels from state to county managed this on the tempte store front but not in admin (so technically the admin thing is a question in the wrong place?

But on the store front if i select state drop down in admin the alignment goes out for input field not so sur why and how that would be resolveble at the minute.

see attached images

Post your url so i can take a look at the site.

I thought the alignment problem was corrected in ZC v2.2.2... By memory, the main cause for this was some   characters in the code of tpl_modules_create_account.php file. Just remove them.

if (!empty(ENTRY_STATE_TEXT)) echo ' <span class="alert">' . ENTRY_STATE_TEXT . '</span>';

fantastic memory, issiue resolved , found in default template fies

site is not available publicly at the moment working my way through a few bits.

<table id="prevOrders">

**<tr class="tableHeading">**

**<th scope="col"><?php echo TABLE_HEADING_DATE; ?></th>**

**<th scope="col"><?php echo TABLE_HEADING_ORDER_NUMBER; ?></th>**

**<th scope="col"><?php echo TABLE_HEADING_SHIPPED_TO; ?></th>**

**<th scope="col"><?php echo TABLE_HEADING_STATUS; ?></th>**

**<th scope="col"><?php echo TABLE_HEADING_TOTAL; ?></th>**

**<th scope="col" class="alignCenter"><?php echo TABLE_HEADING_VIEW; ?></th>**

</tr>

<tr>

**<td class="accountOrderDate"><?php if ($display_as_mobile) { echo '<b class="hide">' . TABLE_HEADING_DATE . '&#58;&nbsp;&nbsp;</b>'; }?><?php echo zen_date_short($orders['date_purchased']); ?></td>**

**<td class="accountOrderId"><?php if ($display_as_mobile) { echo '<b class="hide">' . TABLE_HEADING_ORDER_NUMBER . '&#58;&nbsp;&nbsp;</b>'; }?><?php echo TEXT_NUMBER_SYMBOL . $orders['orders_id']; ?></td>**

**<td class="accountOrderAddress"><?php if ($display_as_mobile) { echo '<b class="hide">' . TABLE_HEADING_SHIPPED_TO . '&#58;&nbsp;&nbsp;</b>'; }?><address><?php echo zen_output_string_protected($orders['order_name']) . '<br>' . $orders['order_country']; ?></address></td>**

**<td class="accountOrderStatus"><?php if ($display_as_mobile) { echo '<b class="hide">' . TABLE_HEADING_STATUS . '&#58;&nbsp;&nbsp;</b>'; }?><?php echo $orders['orders_status_name']; ?></td>**

**<td class="accountOrderTotal alignRight"><?php if ($display_as_mobile) { echo '<b class="hide">' . TABLE_HEADING_TOTAL . '&#58;&nbsp;&nbsp;</b>'; }?><?php echo $orders['order_total']; ?></td>**

**<td class="accountOrderViewButton alignCenter"><?php echo '<a href="' . zen_href_link(FILENAME_ACCOUNT_HISTORY_INFO, 'order_id=' . $orders['orders_id'], 'SSL') . '"> ' . zen_image_button(BUTTON_IMAGE_VIEW_SMALL, BUTTON_VIEW_SMALL_ALT) . '</a>'; ?></td>**

</tr>

CSS stylesheet.css

#myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {width: 100%;}

.accountOrderId {width:30px;border-radius}

.accountOrderDate{width:70px;border-radius:0px 0px 0px 5px;}

.accountOrderStatus, .accountOrderTotal {width:70px;}

.accountOrderViewButton{width:70px;border-radius:0px 0px 5px 0px;}

that sorted the bottom curves, just need the top see image,

okay think for now I am stuck with a few issues, the product info alignment as you zoom in and out on the screen.

the header and footer hanging over the main content.

but think I have rounded off the edges and got everything else something like. would appreciate some guidance on the issues have with the template, along with maybe replacing the login and home and contact us with icons instead.

I can bundle the files I have for the templates if that makes it easier for someone to help with the nits I am struggling with, learned a little I think on css, but not sure I understand it.

Also tried the dashboard mode, but erros on thi so had to revert back, may give that anither go later today but need some sleep.

MadWay:

okay think for now I am stuck with a few issues, the product info alignment as you zoom in and out on the screen.

the header and footer hanging over the main content.

but think I have rounded off the edges and got everything else something like. would appreciate some guidance on the issues have with the template, along with maybe replacing the login and home and contact us with icons instead.

I can bundle the files I have for the templates if that makes it easier for someone to help with the nits I am struggling with, learned a little I think on css, but not sure I understand it.

Also tried the dashboard mode, but erros on thi so had to revert back, may give that anither go later today but need some sleep.

madway i can help you out with all your request. But I need a URL to help you out. Pictures dont help me

okay I am miffed sometimes some of the content has the rounded edges and sometimes the same content does not,

thats with no changes to the css.

i am able to get to your site what is the first issue you need addressed

I think I have resolved the box being curved for almost everything but there are so many to check and not immediately obvious how many they are.

1. the alignment of these two halves varies considerably.
2. so would the top and bottom halves to line up and sync in terms of zooming in oi out keeps them aligned, not as bother about size but at some point I may wish to make them smaller.

(https://www.zen-cart.com/post-attachments/17147?disposition=inline)

MadWay:

okay I am miffed sometimes some of the content has the rounded edges and sometimes the same content does not,

thats with no changes to the css.

Okay it appears to be a mozilla firefox browser issue, however it only appears to be an issue for a few very specific parts even on the latest versions of the firefox browser.

its okay in chrome and edge as far as I can tell, so thats something.

miffed as firefox browser versions I have should support border-radius and not require -moz-border-radius (which doesn't appear to work either)

at least its narrowed down and I can say these parts are slightly different to the rest of site, so just need to work out how to get round this issue on mozilla for those very specific cases.......

MadWay:

MadWay:

okay I am miffed sometimes some of the content has the rounded edges and sometimes the same content does not,

thats with no changes to the css.

Okay it appears to be a mozilla firefox browser issue, however it only appears to be an issue for a few very specific parts even on the latest versions of the firefox browser.

its okay in chrome and edge as far as I can tell, so thats something.

miffed as firefox browser versions I have should support border-radius and not require -moz-border-radius (which doesn't appear to work either)

at least its narrowed down and I can say these parts are slightly different to the rest of site, so just need to work out how to get round this issue on mozilla for those very specific cases.......

your site is down. Leave it up so we can help you

x.x.x.91 i will include you as allowed ip

MadWay:

I think I have resolved the box being curved for almost everything but there are so many to check and not immediately obvious how many they are.

1. the alignment of these two halves varies considerably.
2. so would the top and bottom halves to line up and sync in terms of zooming in oi out keeps them aligned, not as bother about size but at some point I may wish to make them smaller.

(https://www.zen-cart.com/post-attachments/17147?disposition=inline)

put this at the very bottom of the stylesheet

path: shop/includes/templates/responsive_mine/css/stylesheet.css

span.cssButton.normal_button.button.button_write_review, .button_write_review {clear:both;}

#cart-box {width:50%;clear:right;padding-left:0; padding-right:0;}

#pinfo-right {width:50%}

The reason your having issue aligning this up is because the template has percentages as a width and padding. This can cause the issue you are experiencing