Jump to content



Photo

Google+ button and Gergely 's HTML Tags


  • Please log in to reply
5 replies to this topic

#1   Trakatraka

Trakatraka
  • Members
  • 3 posts
  • Real Name:Gustavo

Posted 29 June 2012 - 18:27

Hi everyone.

This is my first post in this forums.

I'm a graphic designer, not a programmer. I have done some websites copy/pasting, reusing and little editing code.
Sorry to say that I have no idea of PHP ...yet.
Understand me, I'm a pencil, brush, paint, ink and paper worker turned to digital due the need for adaptation and survival...with basic studies of web 1.0 (work with tables in DW) and more advanced in graphic software.


I'd started working in a OSCommerce 2.3.1 install.
CSS edit of the color, divs and background is the easy part.

Up to now I have succesfully installed:
PIM-oscSlideshow-v1.2
HeaderTags_SEO_V_3.2.8

And now just adding the GOOGLE+ BUTTON in the Social_bookmarks Box, it appear attached to the side of other buttons and want to move it.

So I follow Gergely's instructions installing HTML_TAGS... its seems well installed... but I don't know how to use it.
Instructions seem to be clear but something break my flow of understanding.

1° where are the "files EXAMPLES" ?
2° It appears listed in Modules Admin Menu but there is no module available to install.

"In social module or other modules insert similar code like this.
Code:
" $oscTemplate->addBlock( 'itemscope itemtype="http://schema.org/Product"', 'html_tags' );

I supose that is an example of "put your url here" ? ok so what file URL I must to put there?

4° What should I put inside those includes/languges/english/modules/html_tags folders??


I just want to move a litlle that ... Google+ button...
Where and what changes I must make?

Please help anyone.



Thanks in advance.

Edited by Trakatraka, 29 June 2012 - 18:35.


#2   kymation

kymation

    Code Monkey

  • Community Sponsor
  • 8,295 posts
  • Real Name:Jim Keebaugh
  • Gender:Male
  • Location:Aberdeen WA USA

Posted 30 June 2012 - 02:42

I think using Gergely's code is a bit of overkill for what you want to do. Just add <br /> in front of the Google code you added.

I suggest that you learn HTML first. It's not that hard to pick up the basics, and it's essential to everything else you need to do.

Regards
Jim

My Addons

Banners Box Download Support
Categories Accordion Box Download Support
Closest Shipper 2.2x Support
Document Manager 2.2x Support
Generic Box Download Support
Get 1 Free 2.2x Support
Modular Front Page Download Support
Modular SEO Header Tags Download Support
MVS 2.2x Support
PDF Datasheet Download Support
Price in Cart Only/MAPP Download Support
Price Updater 2.2x
Products Specifications 2.3.x Development Version Support Bugs/Suggestions
Request a Review Download Support
Shopping List Download Support New!
Specials Image Overlay Download Support
Superfish Categories Box Download Support
Theme Switcher 2.3+ Support  Updated


#3   Trakatraka

Trakatraka
  • Members
  • 3 posts
  • Real Name:Gustavo

Posted 30 June 2012 - 04:51

Thanks Kymation for your response. I try to add <br /> with no success.

I´m using the social_bookmarks box included in OSC 2.3.1

And added the Google+ button with the Bearclaw's addon http://addons.oscommerce.com/info/8082
Right there Gergely post his addon Html_tags http://addons.oscommerce.com/info/8309 to resolve the issue of the G+ button's position.

I think that the buttons must obey the padding style of the css stylesheet. But by some reason the G+ issue appears.

Is little tricky. I must take some PHP class.

Thanks Again!

#4   kymation

kymation

    Code Monkey

  • Community Sponsor
  • 8,295 posts
  • Real Name:Jim Keebaugh
  • Gender:Male
  • Location:Aberdeen WA USA

Posted 30 June 2012 - 05:03

This is what I used:

<div style="float:left">
&nbsp;&nbsp;&nbsp;<g:plusone></g:plusone>
</div>


I've made a lot of other changes as well, so that may not work for you. And you really don't need PHP to do this; it's all HTML and CSS. PHP is handy if you want to get into more advanced modification.

Regards
Jim

My Addons

Banners Box Download Support
Categories Accordion Box Download Support
Closest Shipper 2.2x Support
Document Manager 2.2x Support
Generic Box Download Support
Get 1 Free 2.2x Support
Modular Front Page Download Support
Modular SEO Header Tags Download Support
MVS 2.2x Support
PDF Datasheet Download Support
Price in Cart Only/MAPP Download Support
Price Updater 2.2x
Products Specifications 2.3.x Development Version Support Bugs/Suggestions
Request a Review Download Support
Shopping List Download Support New!
Specials Image Overlay Download Support
Superfish Categories Box Download Support
Theme Switcher 2.3+ Support  Updated


#5   Gergely

Gergely

    Action Hero

  • Community Team
  • 1,252 posts
  • Real Name:Gergely Tóth
  • Gender:Male
  • Location:Budapest

Posted 30 June 2012 - 12:35

1° where are the "files EXAMPLES" ?
2° It appears listed in Modules Admin Menu but there is no module available to install.

"In social module or other modules insert similar code like this.
Code:
" $oscTemplate->addBlock( 'itemscope itemtype="http://schema.org/Product"', 'html_tags' );

I supose that is an example of "put your url here" ? ok so what file URL I must to put there?

4° What should I put inside those includes/languges/english/modules/html_tags folders??



Hi

After <html> tags contribution installation use this code in bm_product_social_bookmarks.php module box, before you find

		  $oscTemplate->addBlock($data, $this->group);

Insert this:
		 $oscTemplate->addBlock( 'itemscope itemtype="http://schema.org/Product"', 'html_tags' );


This is not the best if you switch on/off google +1 button but use <html> -tag standard surely.

The button moving is not responsible for this contribution.

Edited by Gergely, 30 June 2012 - 12:44.

some rewrites :-


#6   Trakatraka

Trakatraka
  • Members
  • 3 posts
  • Real Name:Gustavo

Posted 03 July 2012 - 02:32

Dear friends Kymation and Gergely,

I'm starting to understand.

Thanks very much for your responses and guidances ...and addons. /thumbsup.gif' class='bbc_emoticon' alt=':thumbsup:' />

I appreciate this.