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!

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

Quote:

---

Originally Posted by 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.

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') {
?>    <?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

Quote:

---

Originally Posted by 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

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

Code:

---

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

---

with this (simplified) piece of code

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

Quote:

---

Originally Posted by 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

Code:

---

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

---

with this (simplified) piece of code

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

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 www.cowboyway.info

Thanks in advance

Quote:

---

Originally Posted by 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 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:

Code:

---

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

Code:

---

<!--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

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

Quote:

---

Originally Posted by 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:

Code:

---

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

Code:

---

<!--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

---

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!

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by naczyls747

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!

---

If you read back in the thread you will find a patch that was posted to fix this.

Thanks,

Anne

Hi Anne,

I have just activated this template on a client's live install - site located at 'sunnsand (dot) com (dot) au'

It is a wholesale site requiring login to view and purchase.

Before attempting to install CSS_JS_loader I did a css validation at http://jigsaw.w3.org/css-validator/ which gave me 21 css errors (CSS level 3) and 11 warnings.

Can't make head or tail of it what could be wrong.....

Do you think it is safe to install CSS_JS_loader without causing grief?

No rush please

Thanks / Frank

Quote:

---

Originally Posted by frank18

Hi Anne,

I have just activated this template on a client's live install - site located at 'sunnsand (dot) com (dot) au'

It is a wholesale site requiring login to view and purchase.

Before attempting to install CSS_JS_loader I did a css validation at http://jigsaw.w3.org/css-validator/ which gave me 21 css errors (CSS level 3) and 11 warnings.

Can't make head or tail of it what could be wrong.....

Do you think it is safe to install CSS_JS_loader without causing grief?

No rush please

Thanks / Frank

---

I am currently seeing 3 errors, 2 of which are caused by ampersands in a url that does not use the & in place of the &.

The other error is for an unordered list tag.


The CSS errors are all being caused by the *zoom property that the validator does not like, but should not cause any problems with the css/js loader.


Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I am currently seeing 3 errors, 2 of which are caused by ampersands in a url that does not use the & in place of the &.

The other error is for an unordered list tag.


The CSS errors are all being caused by the *zoom property that the validator does not like, but should not cause any problems with the css/js loader.


Thanks,

Anne

---

Thanks Anne

The unordered list tag is actually ok, it is generated by the ul generator for the mobile menu. And the URL's which do not contain the proper & are copied and pasted YouTube links.

The interesting thing is that different CSS validators are giving different 'errors' - neither of the errors on the 3 sites that I looked at are actually making sense and that's what's got me puzzled.

Bottom line: ignore the errors and install CSS_JS_loader :P

Cheers / Frank

Quote:

---

Originally Posted by frank18

Thanks Anne

The unordered list tag is actually ok, it is generated by the ul generator for the mobile menu. And the URL's which do not contain the proper & are copied and pasted YouTube links.

The interesting thing is that different CSS validators are giving different 'errors' - neither of the errors on the 3 sites that I looked at are actually making sense and that's what's got me puzzled.

Bottom line: ignore the errors and install CSS_JS_loader :P

Cheers / Frank

---

That is strange! I am not seeing the error for the ul generator on the template demo. Did you change anything?

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

That is strange! I am not seeing the error for the ul generator on the template demo. Did you change anything?

---

No, Anne, nothing changed in that neck of the code, nor anywhere near it. When analyzing the html source I could not find a single </ul> that had a missing '>'

But, as mentioned above, all these css validators are using different standards such as CSS3 or 2.1..... I have now realized to take them with a pinch of salt. They seem to report serious (real) errors as well as junky ones. That's why I could not make head or tail of it initially.

So, nothing to worry about, your template is absolutely fine.

Cheers / Frank

Quote:

---

Originally Posted by frank18

No, Anne, nothing changed in that neck of the code, nor anywhere near it. When analyzing the html source I could not find a single </ul> that had a missing '>'

But, as mentioned above, all these css validators are using different standards such as CSS3 or 2.1..... I have now realized to take them with a pinch of salt. They seem to report serious (real) errors as well as junky ones. That's why I could not make head or tail of it initially.

So, nothing to worry about, your template is absolutely fine.

Cheers / Frank

---

Ok, that's good to hear ;) Please be sure to post if you find anything wrong as you work with the template.

Thanks,

Anne

Hi Anne,
RJ here from Memphis. I loaded your template on a new domain that I plan on switching every thing over to. The initial install went well and the slide was working sql patches and all. I exported my other website DB and imported into this new DB. all went well but I do not have the slide functioning. I tried to run the sql patches but the two responsive patches produced an error page the other worked. Obviously it is in the DB but where do I start on repairing the DB or do I start from scratch.

Thanks RJ

new site http://thetissueboxcoverstore.com

Quote:

---

Originally Posted by remops

Hi Anne,
RJ here from Memphis. I loaded your template on a new domain that I plan on switching every thing over to. The initial install went well and the slide was working sql patches and all. I exported my other website DB and imported into this new DB. all went well but I do not have the slide functioning. I tried to run the sql patches but the two responsive patches produced an error page the other worked. Obviously it is in the DB but where do I start on repairing the DB or do I start from scratch.

Thanks RJ

new site http://thetissueboxcoverstore.com

---

Personally I prefer to do a clone of a DB first, check that all is working and only then commence installing and configuring a new template.

Quote:

---

Originally Posted by remops

Hi Anne,
RJ here from Memphis. I loaded your template on a new domain that I plan on switching every thing over to. The initial install went well and the slide was working sql patches and all. I exported my other website DB and imported into this new DB. all went well but I do not have the slide functioning. I tried to run the sql patches but the two responsive patches produced an error page the other worked. Obviously it is in the DB but where do I start on repairing the DB or do I start from scratch.

Thanks RJ

new site http://thetissueboxcoverstore.com

---

Yes, I agree with Frank 100%. You should first clone the site, do any upgrades that are necessary, and then install new templates ;)

Thanks,

Anne

OK I understand but I just want the DB not the website files of the existing site. I want to start from scratch on that. So I would clone the DB and then use the config file to point to the new DB?

Thanks
RJ

Quote:

---

Originally Posted by remops

OK I understand but I just want the DB not the website files of the existing site. I want to start from scratch on that. So I would clone the DB and then use the config file to point to the new DB?

Thanks
RJ

---

I would recommend not working on your live site at all. I would create a mirror of the site using your old database (upgraded if needed) and a fresh install of zen cart and the new template package. Then, once you have everything working and tested I would move it over to your live site location.

Thanks,

Anne

Hi anne...how do i install a new template from picaflor-azul...but have no clue how to install...can u please assist me? I read somewhere where i had to drag the includes folder above the includes folder in the public.htm and that's it...but I don't see any changes

Quote:

---

Originally Posted by cinnamon457

Hi anne...how do i install a new template from picaflor-azul...but have no clue how to install...can u please assist me? I read somewhere where i had to drag the includes folder above the includes folder in the public.htm and that's it...but I don't see any changes

---

There are complete installation instructions in the readme.html file included in the template package. Be sure to follow these instructions carefully as installation of the responsive template packages is different from the legacy packages.

Thanks,

Anne

Anne, hope you are doing good?
On this template with the Show Box @ Min-Width can the Save your Sideboxes Plugin be used without too many modifications? Thanks

Quote:

---

Originally Posted by uswebworx

Anne, hope you are doing good?
On this template with the Show Box @ Min-Width can the Save your Sideboxes Plugin be used without too many modifications? Thanks

---

I have never used this module so I can not answer your question. Look at the module files and if there are any that are the same as the template package files, be sure to merge those files. I would ask Scott about adding the @Min-Width column to the module. He will know how to do this.

Thanks,

Anne

Thank you Anne!

Me again and I am baffled!
I have loaded this template for a friend http://southernglambabydotnet/store/ can't get the images to work in the slider, I changed the names in tools and matched to what I uploaded and have verified they are on the server http://southernglambabydotnet/store/...erieBanner.jpg ........permissions are correct, do they have to stay named rapslide1, rapslide2 and so forth?
Thanks!

If doing it via the SQL statement is the right way to do it then ignore my question I figured it out, if there is a different way I'd like to know! Thanks

Quote:

---

Originally Posted by uswebworx

If doing it via the SQL statement is the right way to do it then ignore my question I figured it out, if there is a different way I'd like to know! Thanks

---

None of it worked.......I like the old way where using code was easier LOL

Quote:

---

Originally Posted by uswebworx

Anne, hope you are doing good?
On this template with the Show Box @ Min-Width can the Save your Sideboxes Plugin be used without too many modifications? Thanks

---

I use the Save your Sideboxes Plugin on my heavily modified responsive site and it works fine.

Quote:

---

Originally Posted by dw08gm

I use the Save your Sideboxes Plugin on my heavily modified responsive site and it works fine.

---

I used it but it took away the min width for me. This is not a big deal anymore the banner/slider images not working is my issues now! I have reinstalled three times and same result........

Quote:

---

Originally Posted by uswebworx

I used it but it took away the min width for me. This is not a big deal anymore the banner/slider images not working is my issues now! I have reinstalled three times and same result........

---

Check to see that all of the jscripts are installed and being called in the correct order.

Thanks,

Anne

Quote:

---

Originally Posted by uswebworx

None of it worked.......I like the old way where using code was easier LOL

---

Did you follow the installation instructions in the readme.html file? The installation is different for the responsive template packages than it is for the legacy templates.

After you have installed the sql patches, you can manage the slide show in your admin--tools--banner manager.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Did you follow the installation instructions in the readme.html file? The installation is different for the responsive template packages than it is for the legacy templates.

After you have installed the sql patches, you can manage the slide show in your admin--tools--banner manager.

Thanks,

Anne

---

Anne,
I did follow the instructions and re did it twice, the images are on the server but not being seen in the slider. Do they need to stay named the same such as rapslider1 and so forth? I have tried it both ways and even tried deleting the group and re adding it..........

I will try one more install then go find another of your Responsive Templates. This is trial and error for me. Thanks for your help

Quote:

---

Originally Posted by uswebworx

Anne,
I did follow the instructions and re did it twice, the images are on the server but not being seen in the slider. Do they need to stay named the same such as rapslider1 and so forth? I have tried it both ways and even tried deleting the group and re adding it..........

I will try one more install then go find another of your Responsive Templates. This is trial and error for me. Thanks for your help

---

No, if you change the images via the banner manager you can name them anything. When you edit the banner don't forget to remove the old banner image name from the path box .

Thanks,

Anne

Attachment 13910

is the above right?

Quote:

---

Originally Posted by uswebworx

Attachment 13910

is the above right?

---

It is hard to see from the image but when you browse to select your new image you need to remove the name of the old image that is in the box directly below it, then click update.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

It is hard to see from the image but when you browse to select your new image you need to remove the name of the old image that is in the box directly below it, then click update.

Thanks,

Anne

---

Everything entered is my information and the original is removed.
I dunno what else to try, the folder is writable, the image is on the server, the name is correct as is the path......
Banner Title Camo Lingerie Banner
/home/southern/public_html/store/images/CamoLingerieBanner.jpg

Brand new fresh install, only other module is Simple SEO URLs.
http://southernglambaby.net/shop/ same problem done same way followed directions to the letter
Thanks Anne, guess its not meant for me to use responsive LOL

I have deleted the installs to Shop and have no way to delete my posts//Thanks for answering my questions!

Hi Anne,
I would like to have the product name wrap on the products page. It will wrap in the cellphone view size but not in the desktop view. Is this controlled in the stylesheet.css?

Also what controls the size of the quantity box in cellphone view? When I go from desktop view which has a square box to the cellphone view the box is a long rectangle.

Thanks alot

Quote:

---

Originally Posted by remops

Hi Anne,
I would like to have the product name wrap on the products page. It will wrap in the cellphone view size but not in the desktop view. Is this controlled in the stylesheet.css?

Also what controls the size of the quantity box in cellphone view? When I go from desktop view which has a square box to the cellphone view the box is a long rectangle.

Thanks alot

---

You can make these changes in the stylesheet.css and responsive.css files.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

You can make these changes in the stylesheet.css and responsive.css files.

Thanks,

Anne

---

This has me stumped. I am assuming that the productname is the elements that needs to be changed but I do not see where there is anything controlling the wrap. I'm lost on this.

Help:smile:

Thanks

Quote:

---

Originally Posted by remops

This has me stumped. I am assuming that the productname is the elements that needs to be changed but I do not see where there is anything controlling the wrap. I'm lost on this.

Help:smile:

Thanks

---

If you are talking about the product name on the product info page the id is #productName. Use firebug to help you find what you need to edit in the css.

Thanks,

Anne

Hi

I am currently looking to replace our old dated oscommerce site with this good looking responsive one. However one thing I notice with Zen is that the new product boxes on the index page are often out of alignmentAttachment 13931. Can someone tell me please how this can be corrected so as the boxes will always render the same size.

Many thans
Grandpa

Quote:

---

Originally Posted by grandpaj

Hi

I am currently looking to replace our old dated oscommerce site with this good looking responsive one. However one thing I notice with Zen is that the new product boxes on the index page are often out of alignmentAttachment 13931. Can someone tell me please how this can be corrected so as the boxes will always render the same size.

Many thans
Grandpa

---

You will need to add min-height to the css for the box. If you want the elements within the box to line up you will need to add min-heights for the elements within the box as well.

Thanks,

Anne

Good Morning Anne

I was running firebug and some other tests this morning on my site and I get the follow error

You don't have permission to access /includes/templates/responsive_apparel_boutique/images/BLOG_ICON on this server.

Any thoughts on this?

Thanks

Quote:

---

Originally Posted by thefather

Good Morning Anne

I was running firebug and some other tests this morning on my site and I get the follow error

You don't have permission to access /includes/templates/responsive_apparel_boutique/images/BLOG_ICON on this server.

Any thoughts on this?

Thanks

---

Whenever you see an uppercase constant it means that you are missing the language definition. I would re-upload the template package making sure that you have uploaded all of language files and images.

Thanks,

Anne

I don't know what happened, but somehow my slider pictures ended up at the bottom of the page

www.trendyboutiqueblanks.com

Quote:

---

Originally Posted by vibrantdesignz

I don't know what happened, but somehow my slider pictures ended up at the bottom of the page

www.trendyboutiqueblanks.com

---

I would recommend re uploading the template files again. Maybe you are adding your slider images to the wrong banner in admin--tools--banner manager

Thanks,

Anne

Is it possible to install this template as a different name? The site I want to use it on already has modules installed, so I need to keep the template name as "custom". Will that be a problem with the Responsive Apparel Boutique template? What would I need to rename to "custom" besides the template info php file?

Quote:

---

Originally Posted by seattleannie

Is it possible to install this template as a different name? The site I want to use it on already has modules installed, so I need to keep the template name as "custom". Will that be a problem with the Responsive Apparel Boutique template? What would I need to rename to "custom" besides the template info php file?

---

You will need to go through the package and change all of the override folder names.

Thanks,

Anne

Thanks, Anne!

Quote:

---

Originally Posted by seattleannie

Thanks, Anne!

---

No problem ;) Just let me know if you have any other questions.

Thanks,

Anne

Quote:

---

Originally Posted by naczyls747 View Post
Dear Anne,
Thank you for your reply. I did as you suggested and found the problem ^^

However, another issue popped up.. May I know if there is any way to change to picture size for product category listing (for mobile)? It's normal on the index page, but very small in category listing.

http**www.summeraffaire.com

Apologize for all the trouble..

Thank you in advance!

---

Quote:

---

Originally Posted by naczyls747

Dear Anne,

Thank you very much! I found it and fixed it~!

Have a great day!

---

I see that a solution has been found for this problem, but it wasn't posted. On my iPhone, when I go to categories and see the product images listed, they're very small. I've been looking at the responsive.css for quite awhile, but I have no idea what to change. You can view the problem via a smartphone if you visit trinawalker.com , click "shopping," then "animal clip art." The images in the listing are 100px wide (then the New Products shown below those are about 400px wide).

Quote:

---

Originally Posted by designsbytrina

I see that a solution has been found for this problem, but it wasn't posted. On my iPhone, when I go to categories and see the product images listed, they're very small. I've been looking at the responsive.css for quite awhile, but I have no idea what to change. You can view the problem via a smartphone if you visit trinawalker.com , click "shopping," then "animal clip art." The images in the listing are 100px wide (then the New Products shown below those are about 400px wide).

---

If you want to change this you can edit line 124 of the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you want to change this you can edit line 124 of the responsive.css file.

Thanks,

Anne

---

Thank you, Anne. Worked perfectly!

Quote:

---

Originally Posted by designsbytrina

Thank you, Anne. Worked perfectly!

---

I am happy that you figured it out ;)

Thanks,

Anne

Is there a way to keep the mobile menu from expanding all the sub-categories by default after tapping on the main category?

Hi Anne,

First let me thank you for the wonderful template! I drug my feet in upgrading from 1.3.8 to 1.5.3 due to the fact that I thought my custom template would break. I upgraded last week and was shocked that it worked just as before. Why did I wait all this time!! :) I took a good look at it and while still somewhat nice, it is pretty dated and does not display well on mobile devices at all. I've download and installed your template and it is like a breath of fresh air.

I'm writing to ask a couple of questions in regards to modifying the template to suit some customization changes I'd like to make. Perhaps you can give me some guidance?

Here's a sample page:
http://v2.decaldepot.net/barefoot-fo...ily-p-617.html

I've noticed that the 'Search' button doesn't line up with the search box. I'm not sure what is causing this. The only modification I've made to the template is the one you posted earlier in the thread that fixes the issue with blank taglines.

Can the custom options (Color, Size, Number of X, etc) be right justified on all pages so that the pulldown boxes all line up on the right edge? Can the 'Add to Cart' number value be centered?

My site sells custom decals and I wanted a way to display a page/image that showed the different color samples so the customer could get an idea of what the colors look like. I made a hack for my old template that put a comment with a little snippet of html that opened another page containing these in another window (see http://www.decaldepot.net/barefoot-f...ily-p-617.html ). I'm seeing this comment displayed above the color option pulldown on your template. I'm really not sure of the best way to provide this service for the customer. Do you have any suggestions?

Can you suggest an addon that will allow a slider of multiple images that works will with this template? I'd like to have two images per product. One will be like what you see on my v2 site and the other will be a more detailed image like what appears on my live site. Perhaps I could add a third image that contains all of the color swatches I mentioned above. Does such a thing exist?

Lastly, I tried the template on my wife's iPad and it looked fantastic in landscape mode, but looked odd in portrait mode on the product page. I had to scroll past my menu (which is pretty long) before seeing the product detail. Ideally I'd like to see the product info without having to scroll down. I'm afraid customers might not know to do that. Is there a way to change this? I'm not seeing this when using my 4" phone screen.

Thank you again .. Any advice would be most appreciated and speed my transition to the new template.

I've run in to a problem that I can't figure out. I'm on a fresh install of 1.39h, with no other mods installed. Installed the four SQL patches, uploaded the files. Once the files are uploaded, I get a blank site. This is the log message:

[30-Sep-2014 11:18:44 America/Los_Angeles] PHP Warning: require(index_filters/default_filter.php): failed to open stream: No such file or directory in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/header_php.php on line 49
[30-Sep-2014 11:18:44 America/Los_Angeles] PHP Fatal error: require(): Failed opening required 'index_filters/default_filter.php' (include_path='.:/usr/share/php') in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/header_php.php on line 49

If I replace the header_php.php with the stock 1.39h file, the site comes back but no products show in the categories. This is the log message:

[30-Sep-2014 12:15:41 America/Los_Angeles] PHP Warning: require(index_filters/default_filter.php): failed to open stream: No such file or directory in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/main_template_vars.php on line 191
[30-Sep-2014 12:15:41 America/Los_Angeles] PHP Fatal error: require(): Failed opening required 'index_filters/default_filter.php' (include_path='.:/usr/share/php') in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/main_template_vars.php on line 191

Any ideas? Thanks.

PS: And yes, default_filter.php does exist.

The template is for v151 hence the name of the thread 'v151 Responsive Apparel Boutique Template' .

Quote:

---

Originally Posted by dinki

The template is for v151 hence the name of the thread 'v151 Responsive Apparel Boutique Template' .

---

Fully compatible with versions 1.3.8x, 1.3.9s, 1.5x. Would probably work with lower versions although it has not been tested.

Quote:

---

Originally Posted by RescoCCC

I've run in to a problem that I can't figure out. I'm on a fresh install of 1.39h, with no other mods installed. Installed the four SQL patches, uploaded the files. Once the files are uploaded, I get a blank site. This is the log message:

[30-Sep-2014 11:18:44 America/Los_Angeles] PHP Warning: require(index_filters/default_filter.php): failed to open stream: No such file or directory in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/header_php.php on line 49
[30-Sep-2014 11:18:44 America/Los_Angeles] PHP Fatal error: require(): Failed opening required 'index_filters/default_filter.php' (include_path='.:/usr/share/php') in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/header_php.php on line 49

If I replace the header_php.php with the stock 1.39h file, the site comes back but no products show in the categories. This is the log message:

[30-Sep-2014 12:15:41 America/Los_Angeles] PHP Warning: require(index_filters/default_filter.php): failed to open stream: No such file or directory in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/main_template_vars.php on line 191
[30-Sep-2014 12:15:41 America/Los_Angeles] PHP Fatal error: require(): Failed opening required 'index_filters/default_filter.php' (include_path='.:/usr/share/php') in /var/www/html/re/rescoccc.net/zen/store1/includes/modules/pages/index/main_template_vars.php on line 191

Any ideas? Thanks.

---

There is a bug in this template. The includes/modules/pages/index/header_php.php and the includes/modules/pages/index/main_template_vars.php files are in the template package but should not be uploaded to your server. Replace the files with your back up or a fresh copy from your zen cart version.


Thanks,

Anne

That did the trick. Thanks, Anne!

Quote:

---

Originally Posted by RescoCCC

That did the trick. Thanks, Anne!

---

No problem, I am sorry for the mistake!

Thanks,

Anne

Hi,

I just did a clean installation; however somehow the slide show is not displaying at all. I did a search and saw in tpl_home_slider.php there is

<?php echo RAP_SLIDES_PLAY ?>',

Yet i don't see anything define it. Could that be the problem of why the banners are not showing?

Also I have new products added but they are not displayed in the center box.

Can you please advise what I did wrong?

Thanks!

Quote:

---

Originally Posted by nightkidz

Hi,

I just did a clean installation; however somehow the slide show is not displaying at all. I did a search and saw in tpl_home_slider.php there is

<?php echo RAP_SLIDES_PLAY ?>',

Yet i don't see anything define it. Could that be the problem of why the banners are not showing?

Also I have new products added but they are not displayed in the center box.

Can you please advise what I did wrong?

Thanks!

---

Did you install the sql patches and follow all of the installation steps in the readme.html file?

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Did you install the sql patches and follow all of the installation steps in the readme.html file?

Thanks,

Anne

---

Yes I did them all. I first thought I missed something but after I uninstall everything and reinstall problem remains.

Quote:

---

Originally Posted by picaflor-azul

Did you install the sql patches and follow all of the installation steps in the readme.html file?

Thanks,

Anne

---

Hi Anne, I finally have the template installed, I must have missed something!:smile: The template is amazing.

Now the question that I have is how can I edit the link in the Information side box and the footer menu? (I want to disable the Gift Certificate and Discount Coupons link)

Thanks!
Clara

Quote:

---

Originally Posted by nightkidz

Hi Anne, I finally have the template installed, I must have missed something!:smile: The template is amazing.

Now the question that I have is how can I edit the link in the Information side box and the footer menu? (I want to disable the Gift Certificate and Discount Coupons link)

Thanks!
Clara

---

For the footer edit the includes/languages/english/extra_definitions/override/footer_menu_defines.php file. If you do a search of the FAQ's section of this site you will find a tutorial for how to turn off the other links in the sidebox.

Thanks,

Anne

Hello,

Thank you so much for this template. I have learned so much working with it and think it's just perfect.

I hate to bother you, but I am having trouble with one thing. I can't seem to figure out how to change the background color of the detail and description boxes on the product page. I'm sure it's something simple, but I just seem to be missing it.

Here is a link to what I'm talking about.

http://www.blackmorestreasures.com/i...products_id=92

Thanks so much!

Edited to add: I'm using version v1.5.3 of the Zen Cart.

I was thinking this was a box, but have not located it that way. I kept thinking this was in the following, but not successful here either. Is it perhaps a button?

/*bof center boxes*/
.product_title {font-size:110%;font-weight:bold;}
.product_title a{color:#918f8f;}
.product_title a:hover{color:#67cae1;}
.product_detail {margin-top:10px;}
.price {font-size:110%;font-weight:bold;color:#000;}
.normalprice {font-size:90%;}
.productSpecialPrice {font-size:90%;}

/*bof product listing*/
.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #333333;}
.productListing-rowheading {background:none;height:30px;color:#f99d30;text-transform:uppercase;}
.tabTable th{border-bottom:1px dotted #f99d30;}
.productListing-rowheading a{color:#f99d30;}
.productListing-rowheading a:hover{color:#444443;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border:1px solid #dfdfe7;border-width:0 0 0 0;;}
.productListing-data {border-bottom:1px dashed #333333;padding-top:10px;padding-bottom:10px;}
#gridSorter {background:#e2e3e8;background: -moz-linear-gradient(top, #f8f8f8, #e2e3e8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e2e3e8));background: -o-linear-gradient(top, #f8f8f8, #e2e3e8);margin:10px 0 0 0 ;width:100%;color:#444;text-align:center;text-transform:uppercase;color:#f99d30;font-weight:bold;}

/*bof product info*/
#cartAdd {margin:0;padding:0;text-align:center}
#product-divider {border-bottom:1px dashed #ccc;margin-top:20px;}
.navNextPrevWrapper {text-align:center;}
.navNextPrevCounter {text-align:center;}
#productName {color:#f99d30;font-weight:normal;font-size:2.0em;}
#productDetailsList {margin:10px 0 10px 30px;}
#attribsOptionsText {font-weight:normal;margin-bottom:}
#productAttributes{margin-top:10px;margin-bottom:10px;}
.optionName {color:#f99d30;margin-top:0;}
#alsoPurchased {margin-top:20px;}
#productPrices{text-align:center;}
#p-left{float:left;margin-right:20px;}
#p-right{float:left;}
#cart{border:1px solid #e1e1e9;padding:20px;background:#333333;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

Finally found it! Only took me 2 1/2 days. lol

In stylesheet.css line 258.

.heading {
text-transform: uppercase;
font-size: 150%;
padding-bottom: 25px;
padding-top: 15px;
background: url('../images/title-close.png') no-repeat scroll 15px 50% #333;

Quote:

---

Originally Posted by BlackmoresTreasures

Hello,

Thank you so much for this template. I have learned so much working with it and think it's just perfect.

I hate to bother you, but I am having trouble with one thing. I can't seem to figure out how to change the background color of the detail and description boxes on the product page. I'm sure it's something simple, but I just seem to be missing it.

Here is a link to what I'm talking about.

http://www.blackmorestreasures.com/i...products_id=92

Thanks so much!

Edited to add: I'm using version v1.5.3 of the Zen Cart.

---

If you will be making css changes to your site you can use firefox or chrome and the web developer tools to find out the exact line of the file that you need to edit. If you get really stuck after using the developer tools, I don't mind helping you out.

Thanks,

Anne

Hi Anne,

I was using those tools along with searching using my cpanel. For some reason, I just kept missing it. I changed the colors of so many other things, it became comical. Thanks so much for such a wonderful template. :smile:

Quote:

---

Originally Posted by BlackmoresTreasures

Hi Anne,

I was using those tools along with searching using my cpanel. For some reason, I just kept missing it. I changed the colors of so many other things, it became comical. Thanks so much for such a wonderful template. :smile:

---

I am happy that you figured it out ;)

Thanks,

Anne

.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background

I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.

I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.

I then added one dummy product so I could see how it would look.

From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).

See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.

Attachment 14805 Attachment 14806 Attachment 14807


In the full screen view (first image on the left), everything is in place.

In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).

Also, on the category page, the products extend off into the right margin.

You can view it here:

http://www.zencartretailer.com/demo2/

I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.

The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.

I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.

How can I get these elements back into the light gray area where they belong?

Thanks for anything you can share to help me get this resolved.

Quote:

---

Originally Posted by Dianne

.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background

I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.

I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.

I then added one dummy product so I could see how it would look.

From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).

See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.

Attachment 14805 Attachment 14806 Attachment 14807


In the full screen view (first image on the left), everything is in place.

In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).

Also, on the category page, the products extend off into the right margin.

You can view it here:

http://www.zencartretailer.com/demo2/

I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.

The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.

I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.

How can I get these elements back into the light gray area where they belong?

Thanks for anything you can share to help me get this resolved.

---

The template shown on the url is not the Responsive Apparel Boutique.

Thanks,

Anne

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

Quote:

---

Originally Posted by simon3215

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

---

Your syntax is wrong. It should be
[CODE]
</strong>
[CODE]

Your closing p tags are incorrect also


Be very careful with syntax and responsive design. Missing closing tags are likely to cause problems.

Thanks,

Anne

Hi Anne, thanks for the reply, noticed this before i checked for the answer, embarrassing or what, just proves the importance of breaks, no doubt i messed the last responsive template up through rushing

struggling to find the place to edit Shipping & Returns under customer service in the footer, found shipping info not what i want tho, where is this file hidden anyone ? :huh:

Also for whatever reason my website is no longer responsive ? it all loads fine no errors any ideas ? hope its just a missing file :dontgetit

Quote:

---

Originally Posted by simon3215

struggling to find the place to edit Shipping & Returns under customer service in the footer, found shipping info not what i want tho, where is this file hidden anyone ? :huh:

---

You can change the footer links in includes/languages/english/extra_definitions/responsive_apparel_boutique/footer_menu_defines.php

Thanks,

Anne

Quote:

---

Originally Posted by simon3215

Also for whatever reason my website is no longer responsive ? it all loads fine no errors any ideas ? hope its just a missing file :dontgetit

---

My guess is that you have done something in your modifications to break the responsive layout. Any "bad" code will do it, missing a closing tag for an element is the most likely.

Thanks,

Anne

sorry i wasnt very clear,, im looking to edit the text within that page, also with the privacy page, when i do it through define pages editor nothing changes ?

Quote:

---

Originally Posted by simon3215

sorry i wasnt very clear,, im looking to edit the text within that page, also with the privacy page, when i do it through define pages editor nothing changes ?

---

This is not a template related problem.

Thanks,

Anne