Post by espc » Sat Dec 19, 2009 7:59 pm

hey guys I would add this effect:
http://www.sohtanaka.com/web-design/exa ... ng-effect/

there' also a tutorial:
http://www.sohtanaka.com/web-design/sim ... query-css/


link to download it:
http://www.juliusdesign.net/wp-content/ ... kember.zip

Is there anyone so kind to explain better how to do?
I have some translating problems!!and I don't know which files must be edited...

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by espc » Sun Dec 20, 2009 5:42 pm

anybody?

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by moggiex » Sun Dec 20, 2009 8:25 pm

espc wrote:anybody?
lmao, you are serious?

http://www.sohtanaka.com/web-design/sim ... query-css/

Follow the tutorial you posted and you'll want to put the code in the header.tpl file.

Matt

Code: Select all

It was like that when I found it, honest!


User avatar
Active Member

Posts

Joined
Mon Nov 09, 2009 9:55 pm

Post by espc » Sun Dec 20, 2009 8:58 pm

i am not so expert like you...i dont'which files i have to edit

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by espc » Mon Dec 21, 2009 6:22 pm

i need to edit only header.tpl?

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by espc » Mon Dec 21, 2009 7:10 pm

it doesn't load images!help me!please i will pay anyone

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by espc » Mon Dec 21, 2009 10:09 pm

moggiex wrote:
lmao, you are serious?

http://www.sohtanaka.com/web-design/sim ... query-css/

Follow the tutorial you posted and you'll want to put the code in the header.tpl file.

Matt
are you serious?the file to be edit is not header.tpl file but layout.tpl

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by Qphoria » Mon Dec 21, 2009 11:50 pm

layout.tpl is only in older versions. You could do it in header.tpl in all versions.
It sounds like you haven't gotten too far with your store so you are better off starting clean with a new version 1.3.4. Then the posts will make a little more sense and you will have less problems later

Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am

Post by espc » Mon Dec 21, 2009 11:54 pm

i can't install 1.3.4. because there's no translation in italian language...
anyway my problems are originated from translation problems...
can you tell me the right procedure?please

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by Yakiv » Tue Dec 22, 2009 5:42 pm

espc wrote:i can't install 1.3.4. because there's no translation in italian language...
anyway my problems are originated from translation problems...
can you tell me the right procedure?please
espc, people are often tempted to go back a version, for a lot of reasons. Maybe language support or plugins are the reason. Sometimes it is warranted, but in this case I don't think it is wise. ...Perhaps you should communicate with other Italians here and see about getting a complete language set? ...In any case, you can do a file compare between the Italian from 1.3.2 and the English from 1.3.4 and then update the (Italian) language files from 1.3.2. Finally, bring those language files over into your 1.3.4. Does that make sense?

...Do a Google search on WinMerge, download it and learn how to use this helpful tool.

Active Member

Posts

Joined
Tue Dec 15, 2009 5:31 pm

Post by espc » Tue Dec 22, 2009 6:22 pm

yakiv, you're right, but if you go to italian forum you'll see that's a dead community....
I'll try to follow your advice, but there's a big problem if I update..that is there are 12 different languages in my site...and things will become very difficult for me...

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by Yakiv » Tue Dec 22, 2009 6:23 pm

espc wrote:yakiv, you're right, but if you go to italian forum you'll see that's a dead community....
I'll try to follow your advice, but there's a big problem if I update..that is there are 12 different languages in my site...and things will become very difficult for me...
espc, I think as a rule you should only maintain languages that you yourself know, or if you have someone working with you that knows the additional languages, fluently, then use their assistance. I hope you are not trying to maintain languages that you do not even know. Not a good idea.

Active Member

Posts

Joined
Tue Dec 15, 2009 5:31 pm

Post by espc » Tue Dec 22, 2009 6:25 pm

anyway I think ultracompare by idm solutions pro is better than winmerge, no?

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by Yakiv » Tue Dec 22, 2009 6:27 pm

espc wrote:anyway I think ultracompare by idm solutions pro is better than winmerge, no?
If you have money to burn, go for it. ;) Personally, I use WinMerge and LOVE it. It's awesome. And it's free!

Active Member

Posts

Joined
Tue Dec 15, 2009 5:31 pm

Post by espc » Tue Dec 22, 2009 6:35 pm

you're right, comparing the fact that one is free and the other is not!
anyway, could I ask you a help? I got stuck with this tutorial:

http://www.sohtanaka.com/web-design/sim ... query-css/

I only know that I have to edit (according to qphoria) header.tpl file, but I don't know which code I have to paste in there and I don't know in what folder of my opencart, the files which I downloaded, must be uploaded...
I'm lost mate, I will be grateful...

God, give me courage to do what I can,
humility to admit what I can't,
and wisdom to know the difference.

Opencart mods (search suggestions and so on):
http://forum.opencart.com/viewtopic.php?p=71588#p71588" onclick="window.open(this.href);return false;


User avatar
Active Member

Posts

Joined
Fri Dec 04, 2009 12:40 am

Post by Yakiv » Tue Dec 22, 2009 6:54 pm

espc wrote:you're right, comparing the fact that one is free and the other is not!
anyway, could I ask you a help? I got stuck with this tutorial:

http://www.sohtanaka.com/web-design/sim ... query-css/

I only know that I have to edit (according to qphoria) header.tpl file, but I don't know which code I have to paste in there and I don't know in what folder of my opencart, the files which I downloaded, must be uploaded...
I'm lost mate, I will be grateful...
Maybe you should hire someone for help? I am sure Q or others would take this up for you, for pay.

Active Member

Posts

Joined
Tue Dec 15, 2009 5:31 pm

Post by adecer » Tue Dec 22, 2009 7:59 pm

espc wrote:you're right, comparing the fact that one is free and the other is not!
anyway, could I ask you a help? I got stuck with this tutorial:

http://www.sohtanaka.com/web-design/sim ... query-css/

I only know that I have to edit (according to qphoria) header.tpl file, but I don't know which code I have to paste in there and I don't know in what folder of my opencart, the files which I downloaded, must be uploaded...
I'm lost mate, I will be grateful...
have you resolved it?

Newbie

Posts

Joined
Tue Dec 22, 2009 5:16 pm

Post by fido-x » Tue Dec 22, 2009 9:23 pm

I've got it working. You can view a demo at http://www.fido-x.net/flipper.

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia

Post by michellescott » Tue Jan 05, 2010 6:18 am

So how did you copy and paste it, Well in OC 3.0?
curious?

Newbie

Posts

Joined
Tue Nov 10, 2009 3:02 am

Post by fido-x » Tue Jan 05, 2010 7:09 am

Add the following to your stylesheet:-

Code: Select all

#pageflip {
	position: absolute;
	top: 0px;
	right: 0px;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	top: 0px;
	right: 0px;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	top: 0px;
	right: 0px;
	background: url('../image/subscribe.png') no-repeat right top;
	text-indent: -9999px;
}
Then, if using OpenCart 1.3.2 or ealier, insert the following into the layout.tpl file:-

Code: Select all

<div id="pageflip">
  <a href="#">
    <img src="catalog/view/theme/YOUR_TEMPLATE/image/page_flip.png" alt="" />
    <span class="msg_block">Subscribe via RSS</span>
  </a>
</div>
at the beginning of the file, either after the <body> tag or as the first item inside the "container". Then at the end of that file, add the following:-

Code: Select all

<script type="text/javascript"><!--
$("#pageflip").hover(function() { //On hover...
	$("#pageflip img , .msg_block").stop()
		.animate({ //Animate and expand the image and the msg_block (Width + height)
			width: '307px',
			height: '319px'
		}, 500);
	} , function() {
	$("#pageflip img").stop() //On hover out, go back to original size 50x52
		.animate({
			width: '50px',
			height: '52px'
		}, 220);
	$(".msg_block").stop() //On hover out, go back to original size 50x50
		.animate({
			width: '50px',
			height: '50px'
		}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
});
//--></script>
If using 1.3.3 or later, insert the above code snippets into the header.tpl file.

Put the images (page_flip.png and subsribe.png) in your template's image folder. You can get the images from the tutorial site (http://www.sohtanaka.com/web-design/sim ... query-css/).

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia
Who is online

Users browsing this forum: No registered users and 164 guests