Westminster New

[zinctwentyone]

You need to be careful if you use a wysiwyg editor as many times they produce bad code that will break the responsive layout.

Thanks,

Anne

I am running into the same issue, the writing is squished together on the define pages. How do you get around this?

[picaflor-azul]

I am running into the same issue, the writing is squished together on the define pages. How do you get around this?

If you post a link to a page with the problem I can take a look.

Thanks,

Anne

[swguy]

Some thoughts:
- Seems like some buttons are 8cb9fb and some are 8db9fb. Did you mean to have them the same color?

- On the phone, when you use split login, the boxes are stacked but squeezed. It might make sense to turn this feature off for mobile.

- For buttons next/prev, on the phone, they are piled on top of each other. To fix, add to responsive.css something like:
.navNextPrevList {margin:20px; display:block;}

- seems like there is no logout on mobile? (Desktop has it at the top left.)

- to me, the radio buttons are hard to read; one possible suggestion:
input[type=radio], input[type=checkbox]{width:2em;height:2em;}
input[type=radio]:checked+label, input[type=checkbox]:checked+label{ font-weight: bold;}

- in tpl_checkout_payment_default, you have

<?php if (MAX_ADDRESS_BOOK_ENTRIES >= 2) { ?>
<div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_PAYMENT_ADDRESS, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHANGE_ADDRESS, BUTTON_CHANGE_ADDRESS_ALT) . '</a>'; ?></div>
<?php } ?>

I think this should reference BUTTON_IMAGE_CHANGE_BILLING_ADDRESS and BUTTON_IMAGE_CHANGE_BILLING_ADDRESS_ALT

[picaflor-azul]

Some thoughts:
- Seems like some buttons are 8cb9fb and some are 8db9fb. Did you mean to have them the same color?

- On the phone, when you use split login, the boxes are stacked but squeezed. It might make sense to turn this feature off for mobile.

- For buttons next/prev, on the phone, they are piled on top of each other. To fix, add to responsive.css something like:
.navNextPrevList {margin:20px; display:block;}

- seems like there is no logout on mobile? (Desktop has it at the top left.)

- to me, the radio buttons are hard to read; one possible suggestion:
input[type=radio], input[type=checkbox]{width:2em;height:2em;}
input[type=radio]:checked+label, input[type=checkbox]:checked+label{ font-weight: bold;}

- in tpl_checkout_payment_default, you have

<?php if (MAX_ADDRESS_BOOK_ENTRIES >= 2) { ?>
<div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_PAYMENT_ADDRESS, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHANGE_ADDRESS, BUTTON_CHANGE_ADDRESS_ALT) . '</a>'; ?></div>
<?php } ?>

I think this should reference BUTTON_IMAGE_CHANGE_BILLING_ADDRESS and BUTTON_IMAGE_CHANGE_BILLING_ADDRESS_ALT

Thank you for your input. I'll take a look at these for the next template package update ;)

For this one:

For buttons next/prev, on the phone, they are piled on top of each other. To fix, add to responsive.css something like:
.navNextPrevList {margin:20px; display:block;}

If you want to change only the layout on phones you should add the code to the responsive_mobile.css


Thanks,

Anne

[CosmosK]

Not sure if this is the right place to ask, but I have two products. I uploaded new photos for both. For some reason, one the first one, I'm getting the second photo mixed in.

I tried deleting the second one (that shows up tiny) and putting it back with a new name, but somehow, the first product wants to show it. I can't figure out how to remove it. Any ideas? They are both in the same category. Thanks



When I click on the little dude, it says picture 2 of 2. I'm not sure how I added a second and I can't figure out how to delete it.

[picaflor-azul]

Not sure if this is the right place to ask, but I have two products. I uploaded new photos for both. For some reason, one the first one, I'm getting the second photo mixed in.

I tried deleting the second one (that shows up tiny) and putting it back with a new name, but somehow, the first product wants to show it. I can't figure out how to remove it. Any ideas? They are both in the same category. Thanks



When I click on the little dude, it says picture 2 of 2. I'm not sure how I added a second and I can't figure out how to delete it.

See the FAQs section for the tutorial about additional images and the tutorial about how zen cart uses images to see why this is happening. Zen cart uses images like this:

main_image.jpg

additional images like this:

main_image_01.jpg
main_image_02.jpg
main_image_03.jpg


Thanks,

Anne

[CosmosK]

thank for the direction!

here it is: https://www.zen-cart.com/content.php...-product-pages

[picaflor-azul]

thank for the direction!

here it is: https://www.zen-cart.com/content.php...-product-pages

I am happy that you figured it out ;)

Thanks,

Anne

[swguy]

Question: the buttons for Change Recipient Address and Change Billing Address (on tpl_checkout_shipping_default.php and tpl_checkout_payment_default.php) are a bit close to the address, causing line wrap in some cases. How can I put some space between them? I tried margin-left on the buttons but got no love - too many layers of styling.

[picaflor-azul]

Question: the buttons for Change Recipient Address and Change Billing Address (on tpl_checkout_shipping_default.php and tpl_checkout_payment_default.php) are a bit close to the address, causing line wrap in some cases. How can I put some space between them? I tried margin-left on the buttons but got no love - too many layers of styling.

What device are you seeing this on? Are you on a desktop? What browser are you using? What size monitor? I do not see this problem from my desktop, using chrome in the demo.

You can use position:relative; to move the button around.

Thanks,

Anne