Simple Zen Template - Support Thread

[gb2007]

Jade,

I am having some problem with "larger image" function in simple zen. When I click it, it pops up a window with only half of the picture showing. I switched to classic template and it works just fine. Here is the link http://www.gloriabridals.com/index.p...products_id=25

How can I fix this?

thanks very much!

gb2007

[jettrue]

Jade,

I am having some problem with "larger image" function in simple zen. When I click it, it pops up a window with only half of the picture showing. I switched to classic template and it works just fine. Here is the link http://www.gloriabridals.com/index.p...products_id=25

How can I fix this?

thanks very much!

gb2007

Hmm, try changing this:

#headerWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {}

to this:

#popupAdditionalImage, #popupImage {
margin:0;
padding:0;
}

That's the only difference I can find in the classic stylesheet regarding the popup images.

[gb2007]

Jade, I did what you suggested...unfortunately it didn't fix the problem. It's funny that if I delete the stylesheet, the pop up window shows up correctly but the format (header etc.) all mess up.

Any other clues?
thanks,
gb2007

[jettrue]

Jade, I did what you suggested...unfortunately it didn't fix the problem. It's funny that if I delete the stylesheet, the pop up window shows up correctly but the format (header etc.) all mess up.

Any other clues?
thanks,
gb2007

Aha! I see, that was poor designing on my part. I added a width to the body tag, as well as a top padding.

So, change the body tag to this (remove the padding and width):

body {
margin: 0 auto;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 78.5%;
color: #333;
background:#999;
}

and add

margin-top:25px;


to the #mainWrapper tag.

[gb2007]

thanks, Jade! I fixed the problem as you said!

another question though, how can I have two pictures side by side for one product? Let's see I have one picture for the back of the dress and one for the front of the dress. I saw this can be achieved in some other website but I have no idea how can I do it myself.

can you shed some lights here?

thanks!
gb2007

[jettrue]

thanks, Jade! I fixed the problem as you said!

another question though, how can I have two pictures side by side for one product? Let's see I have one picture for the back of the dress and one for the front of the dress. I saw this can be achieved in some other website but I have no idea how can I do it myself.

can you shed some lights here?

thanks!
gb2007

Do you know how to get additional images for a product?
https://www.zen-cart.com/tutorials/index.php?article=58

Now, to get the main image and the additional image side by side, you'll have to open up includes/templates/YOUR_TEMPLATE/tpl_product_info_display.php and move the additional images section:

  <!--bof Additional Product Images -->
  <?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
  <!--eof Additional Product Images -->

Right after:

<!--eof Main Product Image-->

Then we'll have to look at the page source and css and adjust so that the images show up side by side.

Another easier way, would be to use an image editing program like photoshop to combine the front and back image into one image.

[b16_madman]

Guys and gals I'm unsure of what I screwed up tonight when doing some updates. I believe the error is inside the tpl_header.php file
I'm simply image mapping it out.
It works in safari and sunrise browser but not in IE or firefox, what went astray?

http://www.thatsbeadiful.com/store/

Check it out, view source it use tools email me whatever. It's probably something simple I'm not seeing work.

[kentestyle]

Hi...
Thanks so much I love this template. I would like to change the background colors
behind all the top Side Box Headings...on my left column. No plans to use right column.

But when I change the h3 heading it changes all...including the center column. I've tested and tried everything I can think of, I've searched but I still havent found a solution.

I had better categories installed tried there, removed better categories still had no luck. I have since put better categories back.

Can you suggest a method where I can have different background colors for the h3 heading. one color for sidebox h3 headings another for center column h3 headings?
http://africanthreads.com/shop/

Is there another way I can get the effect I want?

I thank you in advance for any suggestions you can offer...

[jettrue]

Can you suggest a method where I can have different background colors for the h3 heading. one color for sidebox h3 headings another for center column h3 headings?
http://africanthreads.com/shop/

Is there another way I can get the effect I want?

Certainly, use .leftBoxHeading instead of h3.

[kentestyle]

Thank you;

It seemed like a great solution and I tried it but for some reason it changes the display of my center column products into rows.

I use red for testing so I can see where I am making changes...the red shows where I want it to be but I do not want to change my products display to rows...

I love this template.

Is there something else I should do?

Thanks again,