Responsive Apparel Boutique Template

Zencart 1.51
responsive apparel boutique downloaded today

Testing on Opera Mobile emulator and chrome browser

Site is on local host so i can't provide a link

Installed it, everything seems to shrink and grow as it is supposed to, until I disables the right hand column by setting its status to off ( 0 )

The responsive resizing still works, but theres a "dead" patch between around 770px - 980px where the slideshow drops below the categories list, but the categories list stays at a width of around 125px on the left hand side.

I haven't done any other changes apart from setting the right column to off, is there something i have missed

I have the default slide show that came with the template running

Quote:

---

Originally Posted by nigelt74

Zencart 1.51
responsive apparel boutique downloaded today

Testing on Opera Mobile emulator and chrome browser

Site is on local host so i can't provide a link

Installed it, everything seems to shrink and grow as it is supposed to, until I disables the right hand column by setting its status to off ( 0 )

The responsive resizing still works, but theres a "dead" patch between around 770px - 980px where the slideshow drops below the categories list, but the categories list stays at a width of around 125px on the left hand side.

I haven't done any other changes apart from setting the right column to off, is there something i have missed

I have the default slide show that came with the template running

---

Happened to mine as well previously. Enabled global settings for all columns and disable each layout boxes manually. That does the trick :)

Quote:

---

Originally Posted by nigelt74

Zencart 1.51
responsive apparel boutique downloaded today

Testing on Opera Mobile emulator and chrome browser

Site is on local host so i can't provide a link

Installed it, everything seems to shrink and grow as it is supposed to, until I disables the right hand column by setting its status to off ( 0 )

The responsive resizing still works, but theres a "dead" patch between around 770px - 980px where the slideshow drops below the categories list, but the categories list stays at a width of around 125px on the left hand side.

I haven't done any other changes apart from setting the right column to off, is there something i have missed

I have the default slide show that came with the template running

---

If you need a media query for the screen size 770px - 980px then you can add it and the any styles for this size in the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by wtfbbq

I have noticed a few other issues.

1. When clicking the "Click for larger image" link, it opens the image in a smaller window than my product listing is.

---

I am experiencing the same issue with the responsive apparel boutique template. When you click a product image to show the larger image, it opens a pop-up window that is smaller than the product image. You have to then resize the popup to scale the image up to full size. This problem also exists on the Apparel Boutique demo site. Is there a fix for this?

Hi Anne,

Many thanks for this template. I'm tweaking it at the moment and would like the categories header displayed for full screen/desktop view, however this gets "bunched up" in mobile view. is there a way of making this hidden in the same way as the home/login and search disappears when you re-scale?

On localhost at the moment so no link, but I've attached a couple of screenshots:

Attachment 13816

Attachment 13817

Quote:

---

Originally Posted by Crunch

I am experiencing the same issue with the responsive apparel boutique template. When you click a product image to show the larger image, it opens a pop-up window that is smaller than the product image. You have to then resize the popup to scale the image up to full size. This problem also exists on the Apparel Boutique demo site. Is there a fix for this?

---

Try adding the following to the template's stylesheet.css

body#popupImage {
width:1000px; text-align:left;
}

Just adjust the width here to the width of your largest image... this probably isn't the definitive fix as I haven't got medium/large images set up yet, but better than before.

Quote:

---

Originally Posted by Crunch

I am experiencing the same issue with the responsive apparel boutique template. When you click a product image to show the larger image, it opens a pop-up window that is smaller than the product image. You have to then resize the popup to scale the image up to full size. This problem also exists on the Apparel Boutique demo site. Is there a fix for this?

---

This is actually a bug in the responsive template default package that I used to build these templates. The bug has been fixed in the new responsive template default package and so will be fixed in my packages when I update them to the new code.

Thanks,

Anne

Quote:

---

Originally Posted by igi2011

Hi Anne,

Many thanks for this template. I'm tweaking it at the moment and would like the categories header displayed for full screen/desktop view, however this gets "bunched up" in mobile view. is there a way of making this hidden in the same way as the home/login and search disappears when you re-scale?

On localhost at the moment so no link, but I've attached a couple of screenshots:

Attachment 13816

Attachment 13817




Try adding the following to the template's stylesheet.css

body#popupImage {
width:1000px; text-align:left;
}

Just adjust the width here to the width of your largest image... this probably isn't the definitive fix as I haven't got medium/large images set up yet, but better than before.

---

You will need to add a display:none; to any element that you don't want to show on the various screen sizes to the correct media queries in the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

You will need to add a display:none; to any element that you don't want to show on the various screen sizes to the correct media queries in the responsive.css file.

---

Thanks for your help Anne :)

Cheers
Lee

Quote:

---

Originally Posted by Crunch

I am experiencing the same issue with the responsive apparel boutique template. When you click a product image to show the larger image, it opens a pop-up window that is smaller than the product image. You have to then resize the popup to scale the image up to full size. This problem also exists on the Apparel Boutique demo site. Is there a fix for this?

---

I added the following line to my stylesheet.css file and it seems to work well.

body#popupImage, #popupAdditionalImage {width:480px;}

480px is the width of my large images - you would have to change that to suit your own images.

Quote:

---

Originally Posted by jingjo

I added the following line to my stylesheet.css file and it seems to work well. body#popupImage, #popupAdditionalImage {width:480px;} 480px is the width of my large images - you would have to change that to suit your own images.

---

I found that adding text-align:left; to the above statement helped here as not all my images were the same size and the smaller ones were being chopped in half!