Zen Cart Logo
Forums / Addon Templates / Responsive Apparel Boutique Template

Responsive Apparel Boutique Template

Views: 101,450

Results 101 to 120 of 288
16 Feb 2014, 00:48
#101
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

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

16 Feb 2014, 02:49
#102
naczyls747 avatar

naczyls747

New Zenner

Join Date:
Feb 2014
Location:
Malaysia
Posts:
24
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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 :)

16 Feb 2014, 16:39
#103
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

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

19 Feb 2014, 02:10
#104
crunch avatar

crunch

Zen Follower

Join Date:
Mar 2009
Posts:
227
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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?

21 Feb 2014, 11:36
#105
igi2011 avatar

igi2011

New Zenner

Join Date:
Oct 2011
Location:
Kent, UK
Posts:
50
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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

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.

21 Feb 2014, 16:29
#106
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

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

21 Feb 2014, 16:30
#107
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

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

24 Feb 2014, 16:29
#108
igi2011 avatar

igi2011

New Zenner

Join Date:
Oct 2011
Location:
Kent, UK
Posts:
50
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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

24 Feb 2014, 20:22
#109
jingjo avatar

jingjo

New Zenner

Join Date:
May 2011
Posts:
29
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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.

25 Feb 2014, 09:59
#110
igi2011 avatar

igi2011

New Zenner

Join Date:
Oct 2011
Location:
Kent, UK
Posts:
50
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

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!

28 Feb 2014, 10:39
#111
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: Responsive Apparel Boutique Template

Great template - thanks!

Just installed it on a client's site (locally only at this stage).

When I access the site locally from my Samsung Galaxy S3 and I am logged in as a customer, me thinks that the 'Login' link should be replaced by either 'My Account' or 'Log Out' or both. However, the link that reads 'Login' is still there and it leads me to the 'My Account' page.

On my desktop all is fine and dandy, I am logged in and the 'Login' link is replaced by 'Log Out' and 'My Account' (as it should).

Am I missing something or has the coding for the mobile access template gone astray?

Hope I am not making a fool out of myself (would not be for the first time... :no:)

Cheers / Frank

03 Mar 2014, 15:03
#112
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

frank18:

Great template - thanks!

Just installed it on a client's site (locally only at this stage).

When I access the site locally from my Samsung Galaxy S3 and I am logged in as a customer, me thinks that the 'Login' link should be replaced by either 'My Account' or 'Log Out' or both. However, the link that reads 'Login' is still there and it leads me to the 'My Account' page.

On my desktop all is fine and dandy, I am logged in and the 'Login' link is replaced by 'Log Out' and 'My Account' (as it should).

Am I missing something or has the coding for the mobile access template gone astray?

Hope I am not making a fool out of myself (would not be for the first time... :no:)

Cheers / Frank

This is a bug with the template. Thank you so much for catching it! If you add the if statement to the includes/templates/responsive_apparel_boutique/templates/tpl_modules_mobile_category_tabs.php file, it will work like on the large device. I will be sure to add this to the list of items to be included in the next package update.

    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
    } else {
        if (STORE_STATUS == '0') {
?>    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
    } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
      <?php } } ?>

    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
      <?php } } ?>

Thanks,

Anne

03 Mar 2014, 22:29
#113
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: Responsive Apparel Boutique Template

picaflor-azul:

This is a bug with the template. Thank you so much for catching it! If you add the if statement to the includes/templates/responsive_apparel_boutique/templates/tpl_modules_mobile_category_tabs.php file, it will work like on the large device. I will be sure to add this to the list of items to be included in the next package update.

Thanks Anne, much appreciated

Frank

04 Mar 2014, 09:34
#114
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: Responsive Apparel Boutique Template

I tried your suggested code but ended up replacing line 26 of includes/templates/responsive_apparel_boutique/templates/tpl_modules_mobile_categories_tabs.php

     <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>

with this (simplified) piece of code

    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php } else { if (STORE_STATUS == '0') { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?>

which gave me the desired result.

I updated my copy of your template file with the above code for future use.

Cheers / Frank

04 Mar 2014, 15:15
#115
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

frank18:

I tried your suggested code but ended up replacing line 26 of includes/templates/responsive_apparel_boutique/templates/tpl_modules_mobile_categories_tabs.php

 <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
> 
> with this (simplified) piece of code
> 
> ```
    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php } else { if (STORE_STATUS == '0') { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?>

which gave me the desired result.

I updated my copy of your template file with the above code for future use.

Cheers / Frank

Ok, great :) Thanks for posting your solution.

Thanks,

Anne

05 Mar 2014, 23:40
#116
thefather avatar

thefather

New Zenner

Join Date:
Nov 2010
Posts:
21
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

Once again Anne it is another great piece of work. Everything seems to work pretty good. Just a couple things going on and I am kind of lost. Maybe you can enlighten me of the error of my ways.

  1. I no longer have any popup images working on my site.
  2. screen resolution does not seem to resize down as it should. Did I miss a setting somewhere?

The website is https://www.cowboyway.info

Thanks in advance

06 Mar 2014, 00:12
#117
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

thefather:

Once again Anne it is another great piece of work. Everything seems to work pretty good. Just a couple things going on and I am kind of lost. Maybe you can enlighten me of the error of my ways.

  1. I no longer have any popup images working on my site.
  2. screen resolution does not seem to resize down as it should. Did I miss a setting somewhere?

The website is https://www.cowboyway.info

Thanks in advance

I am happy that you like the template ;)

There is a bug in the tpl_header.php file that is causing the responsiveness to break. It happens when you remove the tagline. In the includes/templates/responsive_apparel_boutique/common/tpl_header.php file change this:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>


</div>

<br class="clearBoth" />
<!--eof-branding display-->

to this:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
            <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
      if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div></div>
<?php
     }
?>
<?php
    if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
      if ($banner->RecordCount() > 0) {
?>
        <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                                                                                                   }
    }
?>


    <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>

</div>
<br class="clearBoth" />
<!--eof-branding display-->

Thanks,

Anne

06 Mar 2014, 00:18
#118
thefather avatar

thefather

New Zenner

Join Date:
Nov 2010
Posts:
21
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

That is perfect. Thank you so much. Now I just need to figure out why my pop up images are not working.

Thanks again Anne

picaflor-azul:

I am happy that you like the template ;)

There is a bug in the tpl_header.php file that is causing the responsiveness to break. It happens when you remove the tagline. In the includes/templates/responsive_apparel_boutique/common/tpl_header.php file change this:

<!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div></div> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div> <?php } } ?> </div> <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <br class="clearBoth" /> <!--eof-branding display--> ``` > > > to this: > > ``` <!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div></div> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div> <?php } } ?>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div> <br class="clearBoth" /> <!--eof-branding display--> ``` > Thanks, > > Anne
06 Mar 2014, 14:40
#119
naczyls747 avatar

naczyls747

New Zenner

Join Date:
Feb 2014
Location:
Malaysia
Posts:
24
Plugin Contributions:
0

Re: Responsive Apparel Boutique Template

Dear Anne,
May I know if it's possible to let "Product Description" at product listing page to be permanently shown without having to click on it to toggle it to display the details?

Thanks!

06 Mar 2014, 15:55
#120
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Responsive Apparel Boutique Template

thefather:

That is perfect. Thank you so much. Now I just need to figure out why my pop up images are not working.

Thanks again Anne

If you post a link to your site I can take a look.

Thanks,

Anne