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

[soxophoneplayer]

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.

[idtags]

.....
[COLOR="#FF0000"]<!-- 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-->[/COLOR]
<!--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?

[soxophoneplayer]

.....
[COLOR="#FF0000"]<!-- 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-->[/COLOR]
<!--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?

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.

[royaldave]

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.

[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

[rainbow_pixie_star]

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

[royaldave]

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/

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

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.

[davewest]

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.

[idtags]

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.