Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Hi,
To see the link you would have to manually type in and go in to the site at craftjam.co.uk/test/index.php then click any of the products and you will see that they are half way down the page and all overlapping. For some reason the link doesn't seem to work.
I have done all that in admin as mentioned in the original post as well as the css. These alterations seem to make no difference

Thank you
Amy

The two pages I looked at on the desktop look fine for alignment but do not act responsively. Where did the template estorenow come from? It has no css that "responds" to different size screens.

Hi,
No, that is the old site which is still live until I get the new one running which is in my test directory.
The address for this is at craftjam.co.uk/test/index.php is 1.5.5f and using the classic responsive template

Thank you
Amy

When you load these product pages, they lode fine, then the products slip down the page.

Anyone know how to fix an image moving down the page after it has loaded?

Also does anyone know why the categories menu on the mobile version would not open so you can see categories? I cannot check how anything looks on a mobile version either because the fold out menu doesn't open

Thanks
AMy

I still cannot duplicate any of the symptoms you are reporting.:(

I used http://craftjam.co.uk/test/index.php?main_page=product_info&cPath=135_174&products_id=3309

I see some minor screen jumps with changes in screen width, but nothing like what you describe.

hmm, really don't understand what has happened there???

Anyway I reinstalled zencart, it fixed the issues, however when I re installed the dual pricing addon, it did it again.
Not sure if it is one of the addons causing this.

Thanks
AMy

Hello,

My question is about connecting of Zen Cart to social media sites.
We felt behind in our "literacy" and do not have yet social media sites.
(But it is never late to start for anything.)

We are using currently "Responsive Classic" template.

Searching for word "Facebook" I found this **thread**

They say: * Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)

Does "Responsive Classic" template have the same option and should be turned ON somewhere, or it does not?

If not, what would be suggestion to do from here to be "in line with the time"?

Thank you for advise in advance.

idtags:

Hello,
If not, what would be suggestion to do from here to be "in line with the time"?

Consider first whether you really need this thing.

I would argue (and some might disagree) that having share buttons is no longer 'in line with the time.' It was 5-10 years ago.

In most likelihood you will struggle to add these to your site, will add a layer of complexity, and less than 1% of 1% of your users will ever actually share something to social media using the buttons. Plus if they actually want to share, they don't need a button on your site to do so.

In the past I spent a lot of time struggling to add stuff like this to my site and it had no impact. I would have been much better served spending that time crafting my message and my offer.

That said, anything like this that is functional in another template can be applied to responsive_classic. You just need to know how to pluck the code out of the other template.

In this instance, they probably used code similar to this plugin already available: https://www.zen-cart.com/downloads.php?do=file&id=1325

lindasdd:

Consider first whether you really need this thing.

I would argue (and some might disagree) that having share buttons is no longer 'in line with the time.' It was 5-10 years ago.

In most likelihood you will struggle to add these to your site, will add a layer of complexity, and less than 1% of 1% of your users will ever actually share something to social media using the buttons. Plus if they actually want to share, they don't need a button on your site to do so.

In the past I spent a lot of time struggling to add stuff like this to my site and it had no impact. I would have been much better served spending that time crafting my message and my offer.

That said, anything like this that is functional in another template can be applied to responsive_classic. You just need to know how to pluck the code out of the other template.

In this instance, they probably used code similar to this plugin already available: https://www.zen-cart.com/downloads.php?do=file&id=1325

I hear you, maybe it is not necessary.
We looking only to improve ranking (SEO) and everybody say that connection to social web sites is essential. May be it is more "urban legend"?

We had good ranking in non responsive template, but now we are nowhere after rebuilding to classic responsive template. Pay per click does not work for us, as our products are in low cost range.

Thank you for reply and pointing to https://www.addthis.com/get/share/.

idtags:

Hello,

My question is about connecting of Zen Cart to social media sites.
We felt behind in our "literacy" and do not have yet social media sites.
(But it is never late to start for anything.)

We are using currently "Responsive Classic" template.

Searching for word "Facebook" I found this **thread**

They say: * Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)

Does "Responsive Classic" template have the same option and should be turned ON somewhere, or it does not?

If not, what would be suggestion to do from here to be "in line with the time"?

Thank you for advise in advance.

In the past I used Responsive Sheffield Blue 2.0. There was an 'Add to Any' adaptation supposed to be present that would add the social icons, but it didn't work. I went into another template by the same author and copied the code for 'AddThis' - I forget from which file. I moved the code in my 'Add To Cart Box' section of template/my template/templates/tpl_product_info_display, When I switched up toe Responsive_Classic template I copied same changes over as shown in my attached:

<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
<?php
    $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
    if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
      // hide the quantity box and default to 1
      $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
    } else {
      // show the quantity box
      $the_button = '<div class="max-qty">' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '</div><span class="qty-text">' . PRODUCTS_ORDER_QTY_TEXT . '</span><input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
    }
    $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
?>
<?php if ($display_qty != '' or $display_button != '') { ?>
    <div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
?>
          </div>
	<!-- begin added by Doug -->
	<div id="buynow-icons"><?php echo PAYMENT_ICON; ?>

                </div>	  
	<!-- end added by Doug -->			
<?php   } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!-- bof AddThis -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=" async="async"></script>
<div class="addthis_sharing_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_compact"></a>
</div>
<!--eof AddThis-->
<!--eof Add to Cart Box-->

I put it in the Add to Cart Box instead of (I think)the product listing page as I didn't like the clutter. Its still working for me. You can see website in my signature.

.....
<!-- bof AddThis -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=" async="async"></script>
<div class="addthis_sharing_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_compact"></a>
</div>
<!--eof AddThis-->
<!--eof Add to Cart Box-->[/CODE]

I put it in the Add to Cart Box instead of (I think)the product listing page as I didn't like the clutter. Its still working for me.

Thank you for sharing this.

So, for this to work person has to sign for https://www.addthis.com/get/share/ service and have all accounts like **Facebook **live. Is it correct?

idtags:

.....
<!-- bof AddThis -->

I put it in the Add to Cart Box instead of (I think)the product listing page as I didn't like the clutter. Its still working for me.

> 
> Thank you for sharing this.
> 
> So, for this to work person has to sign for [https://www.addthis.com/get/share/](https://www.addthis.com/get/share/) service and have all accounts like **Facebook **live. Is it correct?

I don't recall signing in or signing up for this - I think whoever put the code in the template file originally likely did to get the script. I checked out your link and it looks like you can get other formats of the same thing which you would use in place of what I did. (Also - it was several years ago that I did this and may have forgotten something, but I don't *think* so.) Maybe try putting the code in (after backing up of course) and see what if it works for you, or try on a test site if you have.

The issue I'm about to describe occurs on a samsung phone using classic responsive template - it doesn't happen on a desktop and doesn't occur if I change to "classic" template.

In short when I am at step 1 / 3 in checkout I get the whole menu system in point form appear at the bottom of the page.

Any idea what is causing this ?

Apologies if this issue appears within thread but I've searched and can't find.

Without a link to the site, we'd just be making a WAG.

You'll note that the Posting Tips ask for any pertinent information AND that you provide a link for your site. If it's not quite ready for the world to see, post it as y o u r s i t e DOT c o m

Hello,
I am using responsive classic on 1.5.5f. It all looks pretty sorted on how I want it to look, changed colours and fonts on a computer size screen.
I checked smaller mobile devices and the only thing that doesn't seem to have changed is the font that has changed on the larger screen sizes.

Also, I want to remove the grey banner with the search bar (guessing it is an ez page bar) from the mobile device only.
I have looked in tools> Layout box controler but it doesn't seem to remove it. as a result I have 2 search boxes at the top of the mobile phone page.
I can turn off one search box but not the other?

Just incase you need it... craftjam.co.uk/test/index.php

Thanks
A

dbltoe:

Without a link to the site, we'd just be making a WAG.

You'll note that the Posting Tips ask for any pertinent information AND that you provide a link for your site. If it's not quite ready for the world to see, post it as y o u r s i t e DOT c o m

my bad - test site -

http://61.245.139.145/zencart/

Hello,

1. We use DEFINE_MAIN_PAGE.php as front page.
   So image is inserted in CK-Editor and it is set to "Lock Ratio"
   When window is squeezed Main Image does not hold ratio even "Lock Ratio" is selected:

https://www.idmedicaltags.com/index.php?main_page=index

Is this normal performance or configuration settings are wrong?
Are there a separate setting for (no product) Images?

Image also is deformed on mobile when it is hold vertically.
In horizontal position it is looking better.

Majority of mobile sites those keep ratio well when screen is turned.

2. On the same page under image, how to increase slightly spacing between lines?
   Inspect Element option does not show any parameter in CSS it could be done.
   We can not find spacing control in CK-Editor as well.
   How people handle it?

Any suggestion is appreciated.

idtags:

Hello,

1. We use DEFINE_MAIN_PAGE.php as front page.
   So image is inserted in CK-Editor and it is set to "Lock Ratio"
   When window is squeezed Main Image does not hold ratio even "Lock Ratio" is selected:

Unless you use CK-Editor with full style sheet interaction, it inserts inline styles to the code! If you look at your rendered page you would see that the image tag has a set width/height as

style="width: 738px; height: 296px;"

This locks the image so the responsive css file can not resize the image to the screen size. You may have to remove other inline styles to fix spacing.

davewest:

Unless you use CK-Editor with full style sheet interaction, it inserts inline styles to the code! If you look at your rendered page you would see that the image tag has a set width/height as

style="width: 738px; height: 296px;"

> 
> This locks the image so the responsive css file can not resize the image to the screen size.  You may have to remove other inline styles to fix spacing.

**Thank you, this resolves the problem with image.**

Can you advise on second question: On the same page under image, how to increase slightly spacing between lines?
Inspect Element option does not show any parameter in CSS it could be done.
We can not find spacing control in CK-Editor as well.
How people handle it?

Any suggestion is appreciated.