[SOLVED] How to add Google + to social networking block?

[thezey]

Hello,

 

Does anybody know how to add Google+ to social networking block?

 

Thanks

[vekia]

1) what ps version?

2) what theme?

3) what you mean by social networking block? a feature in footer section? (in 1.5.x only) ?

[thezey]

1) 1.5.4.0

2) 086

3) Yes

[vekia]

so it's not default one. and i don't know what you mean by 086 it will be much easier if you will post url to your store.

 

anyway, if your theme use default social networking block, check this topic: http://www.prestashop.com/forums/topic/235315-solved-how-to-add-new-social-icons/

[thezey]

I followed the topic you shared. Module is fine, but it's not adding anything to the homepage. Any idea where the issue would be?

[vekia]

without url to your store is hard to say what's goin on

 

it will be much easier if you will share url, i will check it then

[thezey]

nizoralshop . com

 

As a side note, my theme is with social network square design. I have an unfortunate problem with my computer and I can't edit sprite png social block file to add google plus, as I don't have photoshop anymore.

 

Could somebody add the google plus icon in a file for me? I'd really appreciate that. Here's the current file:

 

 

[thezey]

Vekia,

 

I tried to edit the sprite file adding the missing icon and expanding the image height from 150px to 200px. However, as you can see in the homepage (see link in the previous post), the G+ icon is only displayed in the third row (instead of rss icon, which I moved to the last position in the image file), but the RSS flux link is still at the same position, and there's no G+ link.

 

What am i missing?

[vekia]

use these styles for rss:

.blocksocial li.rss a {
background: url(http://www.nizoralshop.com/themes/theme686/css/../img/sprite_pict_social_block.png) no-repeat 0 -171px;
padding: 6px 0 0 40px;
height: 40px;
}

and add google css styles:

.blocksocial .google a {
background: url(http://www.nizoralshop.com/themes/theme686/css/../img/sprite_pict_social_block.png) no-repeat 0 -121px;
padding: 6px 0 0 40px;
height: 40px;
}

then in module tpl file add this line:

<li class="google"><a href="http://urltogoogle.com">google</a></li>

effect:

[thezey]

I checked my block social.css file, but now it's only 2 bytes. When I open it, there's nothing inside. How is it possible? Any Idea, Vekia?

[thezey]

False alert!

 

But for the module tpl, which one are you talking about because there are many block social.tpl? Yesterday, I edited /modules/blocksocial/blocksocial.tpl as followed:

 

 

 

<div id="social_block">
	<h4 class="title_block">{l s='Follow us' mod='blocksocial'}</h4>
	<ul>
		{if $facebook_url != ''}<li class="facebook"><a href="{$facebook_url|escape:html:'UTF-8'}">{l s='Facebook' mod='blocksocial'}</a></li>{/if}
		{if $twitter_url != ''}<li class="twitter"><a href="{$twitter_url|escape:html:'UTF-8'}">{l s='Twitter' mod='blocksocial'}</a></li>{/if}
		{if $googleplus_url != ''}<li class="googleplus"><a href="{$googleplus_url|escape:html:'UTF-8'}">{l s='Google+' mod='blocksocial'}</a></li>{/if}
		{if $rss_url != ''}<li class="rss"><a href="{$rss_url|escape:html:'UTF-8'}">{l s='RSS' mod='blocksocial'}</a></li>{/if}
	</ul>
</div>

[vekia]

check your theme directory for this module, if file exist there -you have to modify this one

[thezey]

Could you check my website, please? Now two icons are missing.

[vekia]

you run store under CCC for css files, please disable it temporary, do the same with cache and turn on force compilation (under adv. paramters > performance)

[thezey]

Vekia,

 

What do I do after?

[vekia]

follow my guides and add code that i suggested to the correct place in your store. I don't know where you've got this module so you have to find it first

 

i think about 3 possibilities:

 

1) themes/modules/blocksocial/

2) modules/blocksocial/

3) themes/footer.tpl

ccc for css files is still turned on

[thezey]

I just did what you said. Now it seems there's no block social anymore. What do you think I do wrong?

[thezey]

I did it and saw that worked, but when I set the configuration back to "normal", both icons disappeared!

[vekia]

your styles that you defined doesnt work

take a look how the url looks like:

.blocksocial li.rss a {
background: url(http://www.nizoralshop.com/themes/theme686/css/http://www.nizoralshop.com/themes/theme686/css/../img/sprite_pict_social_block.png) no-repeat 0 -171px;
padding: 6px 0 0 40px;
height: 40px;
}

this is your url to image: http://www.nizoralshop.com/themes/theme686/css/http://www.nizoralshop.com/themes/theme686/css/../img/sprite_pict_social_block.png

 

 

the same for new google icon.

[thezey]

A message to say thank you very much, Vekia. It works now!

[vekia]

yeah! finally it works!

glad to hear that it works now

im going to mark this topic as [solved]

 

with regards,

Milos