SKIN like AMAZON's product's page

Hello, everybody!



We have a good skin in old version of Cs-cart.

But, we migrated to 2.05 version and we are having a very big difficult to change the new skin.



The idea of block is interesting. You can disable blocks in PRODUCTS pages, for example, if you need.





Well, let’s talk about what interest:



AMAZON product’s page. We want that our product page have the same LAYOUT from AMAZON’s page.

For example:

[url]http://www.amazon.com/gp/product/B001P05NKG/ref=s9_simz_gw_s0_p147_t1?pf_rd_m=ATVPDKIKX0DER&pf_rd_s=center-1&pf_rd_r=1TVTRXTB8A3XSEYMYWRJ&pf_rd_t=101&pf_rd_p=470938131&pf_rd_i=507846[/url]



Amazon has a layout that all the product’s page is used to SHOW ans SALE the product.

Left side we can see the IMAGE and lots of other imagens that if you movie mouse over them, the image change. [image: Amazon_top.gir in Atach.]











CENTER: is used to SAY: how much it cost and how the product can be shiped.[image]



RIGHT SIDE: focus in BUY BUTTON. Add to cart.[image]









After that it is not used ABAs, but a single page with all information the costumer could want using scroll over from mouse.[image]





[url]http://img21.imageshack.us/img21/3620/amazonwhobought.gif[/url]

There is a very interesting module used to sale more. Things like COSTUMERS WHO BOUGHT this item also bought… but in this case with a BEAUTIFUL VIEW.

You click in right or left and others products come (next page).





In the finish, costumer can say what they thing about that product. This is very good.

[url]http://img121.imageshack.us/img121/3663/amazoncostumerreview.gif[/url]







[B]THE QUESTIONS (I HOPE AT LEAST ONE TIME I CAN RECEIVE AN ANSWER FROM SOMEONE):


  1. HOW TO DEVELOP A NEW SKIN WITH ALL AMAZON’S LAYOUT (SURE NOT SAME FUNCIONALITIES) AND SPECIALLY… HOW TO CREATE A PRODUCT’S PAGE THAT IS VERY VERY SIMILAR TO AMAZON’S ONE?

    WHAT FILES DO WE NEED TO CHANGE AND WORK WITH.



    I AM TRYING TO UNDERSTAND HOW THINGS WORKS IN THIS NEW VERSION… BUT I AM NOT BEEING VERY HAPPY IN IT.





    You can see our product’s webpage here:[/B]

















    [COLOR=“Blue”]ONE MORE THING:

    NO, I WON’T PAY TO CS-CART DEVELOPERS TO MAKE SOMETHING FOR US.



    WE DON’T WANT TO PAY FOR ANYONE (EXCEPT OUR PEOPLE) TO MAKE WHAT WE NEED.

    IF THEY COULD AT LEAST SHOW A DOCUMENTATION FROM THIS NEW VERSION IT WILL BE VERY USEFUL.



    THANKS![/COLOR]




    *sorry for the english language errors

    Amazon_costumer_review.jpg

    Amazon_who_bought.jpg

    Amazon_description.jpg

    Amazon_top.jpg

If you have your own IT people as you said, I think they know better than us.



It will be really nice if your IT people can share their experience during the development.



Good luck.

I can’t understand the question? You want clear instructions how to do this?

sounds like he wants someone to show him how to do it and then let his IT people get paid to do it.



:rolleyes:

[quote name=‘ETInteractive’]sounds like he wants someone to show him how to do it and then let his IT people get paid to do it.



:rolleyes:[/QUOTE]

It seems Thanksgiving Day is coming.:rolleyes:

I want moneybookers module, a proper one, I am not willing to pay for it, just give me clear instructions how to code it myself :smiley:



My answer would be if your IT people know nothing about IT pay someone to do it and save time…

[quote name=‘joe’]If you have your own IT people as you said, I think they know better than us.



It will be really nice if your IT people can share their experience during the development.



Good luck.[/QUOTE]




[QUOTE]It seems Thanksgiving Day is coming.[/QUOTE]





Hello, Joe.



Thanks for your answer but it hasn’t help in anything, ok?

At least you answered something.



I could say you that everybody (developers) need to SPEND time to LEARN how CS-CART DEVELOPERS did to make things work. So, if we can know HOW TO DO or, better, what to do (which files are the most importants) this will make process easier, ok?



About SHARE THEIR EXPERIENCE, you will know if people here ANSWER something that you help. And why do I say that? Because here I can post what is going wrong and what works fine (where change, why…)



-----------------------------------------------------------



LET’S TO THE NEXT POSTER:

[QUOTE]DARIUS



I can’t understand the question? You want clear instructions how to do this?



**************



I want moneybookers module, a proper one, I am not willing to pay for it, just give me clear instructions how to code it myself



My answer would be if your IT people know nothing about IT pay someone to do it and save time.[/QUOTE]



-------------------------------



Hello Darius,



Thanks for your answer.



You think right, it is about what are the steps a developer needs to follow to change a webpage of a product (all ones, in fact) to looks like an AMAZON’s webpage.



About developers, you know (I think) that everybody is paid by time they spend making something.



If we can LEARN BY A FORUM (because there is no documentation about that at this time) it will give us more time to spend in making thinks work.

In your case, I believe you think that because some people that is a poster is not an expert, they can not help. I will respect your opinion but I thought that people from CS-CART could answer in FORUM, too.



In fact I really don’t know for what that time we receive to support can be used.

Maybe just to help in how to install the cs-cart and nothing more (for this, we haven’t used it yet).




[QUOTE]ETInteractive



sounds like he wants someone to show him how to do it and then let his IT people get paid to do it.

[/QUOTE]



yES, you are right.



Let’s wait to CS-CART developers. Maybe they have a documentation that can help.





In spite of all, thanks for your answers.

At least you posted something.



:slight_smile:

DragonDF,



I’ll be blunt in that nobody is going to help you on this thread.

If anything the person who does wants to make sure they prove me wrong.



Good luck regardless.



Jesse



PS: Create multiple threads for multiple questions in the future.

[quote name=‘JesseLeeStringer’]DragonDF,



I’ll be blunt in that nobody is going to help you on this thread.

If anything the person who does wants to make sure they prove me wrong.



Good luck regardless.



Jesse



PS: Create multiple threads for multiple questions in the future.[/QUOTE]



Hi, Jesse,



Thanks for your answer.



At least you are blunt to say about the help.

In fact, every time I came to post something in this forum I was not very lucky in the answers.

I think developers are very busy people and they don’t come here.



But, when I finished my website I can show here.



HARD WORK!





Tks!

[quote name=‘dragondf’]Hi, Jesse,



Thanks for your answer.



At least you are blunt to say about the help.

In fact, every time I came to post something in this forum I was not very lucky in the answers.

I think developers are very busy people and they don’t come here.



But, when I finished my website I can show here.



HARD WORK!





Tks![/QUOTE]



To clear things up I have only four suggestions.



One as Jesse mentioned, post a thread for each small part of the site you wish to change, community will respond or not to your thread.



Second is buy support time / credits (I did this personally more then once) and make support ticket for each part you (your staff) wish to change / modify.



Third hire someone to do the job.



Last buy custom template (don’t think there is any amazon alike out there).



Trust me, just to change product details page as you with needs a lot of experience and work, nobody will spend week to give you free advice (instructions).

[quote name=‘Darius’]To clear things up I have only four suggestions.



One as Jesse mentioned, post a thread for each small part of the site you wish to change, community will respond or not to your thread.



Second is buy support time / credits (I did this personally more then once) and make support ticket for each part you (your staff) wish to change / modify.



Third hire someone to do the job.



Last buy custom template (don’t think there is any amazon alike out there).



Trust me, just to change product details page as you with needs a lot of experience and work, nobody will spend week to give you free advice (instructions).[/QUOTE]





Hi, Darius,



Thanks for your suggestions.



Support time I already have, ok?

But no good experience in it. I would like to import my mysql database from and old version to this earlier and they could not help. It would need to be a “separete job”. In this case, It is less expensive to do it by ourselves.





SOMEONE TO DO THE JOB: yes, I already have 2 ones. But like I said, if I know more about what do what (files, directories…) in new Cs-cart, I think it could help very much.

We spend a long time to understand the process. Maybe someone could explain how 2.0 plataform works without we need to spend time trying to understand.





Custom template:

i HAVE seen a lot of cs-cart templates, ok?

But they usually have the “same face”.

In this case (template) I think the problem for us is to know where to change somethings like position of BUY button, show other payment option near it, …







Thanks for your answer.





:slight_smile:

[QUOTE]SOMEONE TO DO THE JOB: yes, I already have 2 ones. But like I said, if I know more about what do what (files, directories…) in new Cs-cart, I think it could help very much.[/QUOTE]



2 ones that know nothing will help you out :slight_smile: great



Well in this case, case closed just start reading the forum, use search there is absolutely no topic that would not be spoken already in forum. Good luck finding don’t be lazy.



PS fire thous two and hire joe, his template is most amazon alike :slight_smile:

Most of what needs to be customized you’ll find in the skins/your skin/customer directory including images and css. But I am wondering why you wouldn’t just sign up for an Amazon Web Store.

There are actually quite some useful information around in regards to how to make use of the skin functionalities of v2.0 if you’ve spent some time to search.



In tbirnseth thread for his “local changes” addon, he provided a very comprehensive pdf documentation on how to make use of hooks in the skin, which I think is helpful.



Within the forum too, snorocket also provide a link to some documentation of the new architecture of v2.0 for cscart, at [url]http://docs.cs-cart.com/[/url]



If you are really sincere about asking for help, try not to post in all caps, bright blue, and phrase your requests in a sincere way. In that way, maybe you will receive sincere replies too. ^^



If the 2 persons you’ve hired is to help you specifically in doing re-design, skinning, related functions. Then they must at least be skilled in smarty and javascript, and of course HTML. If not, then you are really better off hiring other people.



If the 2 persons are working for you for free, then tell them to spent quality time brushing up on their smarty, jquery, and HTML, ajax skills. This will help them understand the skinning process.



From v1.3.5 to v2.0, in terms of skinning, cscart still makes use of the same language, SMARTY & javascript. If you can conquer v1.3.5, then v2.0 should not be difficult for you. Maybe troublesome, but not out of your league.


[QUOTE]Left side we can see the IMAGE and lots of other imagens that if you movie mouse over them, the image change. [image: Amazon_top.gir in Atach.][/QUOTE]

Go find out what javascript they are using. It has nothing to do with cscart skin.




[QUOTE]After that it is not used ABAs, but a single page with all information the costumer could want using scroll over from mouse.[image][/QUOTE]

find out the code where javascript is tag to the tabs divs. and disable it by commenting it out.



If your helpers/or you are good in the various skills I’ve stated above, finding out where to change is as simple as identifying the specific area to change, and then searching for a specific html code/javascript code within all the files in the cscart code directory.



What to change, how to change, will then depend on your needs and your skills in the area you want to implement.

Hello nodame,





Thanks for your answer. Sorry for a long time to answer you. I was very busy.

everytime one new version…



I downloaded version 2.0.11.

I will translate it first and try to change the SKIN.



After that, the others ideas.



Thanks for your post and time spent.