/    Sign up×
Community /Pin to ProfileBookmark

Looking For Insight On A "How Did They Create This" Question

Copy linkTweet thisAlerts:
Oct 29.2011

Hello programmer community,

I’m taking on a project to create my own personal site that allows people the ability to purchase website themes / templates. Since it’s just going to be me doing this, [I]each theme I create has to be one that can be modified of customized into multiple themes[/I].

A site that does this well is: [url]www.themeforest.net[/url]

If you look at this link: [url]http://themeforest.net/item/polyon-futuristic-wordpress-theme/full_screen_preview/682648[/url]

..you see to the left that they offer the visitor the ability to modify the look of a theme in some sort of a pull out menu. [B]Then[/B], the links up top allow you to change the layout order of the theme [I](I noticed that the url doesn’t change either..interesting)[/I].

Then after the visitor chooses the style they want, and after they pay for the template, then they are delivered the [B]adjusted[/B] FTP files.

I’m looking for some opinions (as many as possible), on how they are able to accomplish this. Like what technologies are used (I know PHP/OOP is a part of this already)

Looking for thoughts.

to post a comment
PHP

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@elixonOct 30.2011 — Use javascript to pass URL variables to a css file.

For example:

<link type="stylesheet" href="mydynamiccss.php?color=red&bg=img3.png"/>

Simply with JS alter the href attribute as the configuration form changes and on server generate dynamic CSS as required... You will get on-the-fly changing design and the flexibility of it is limited only by your imagination and CSS skills.

And one good advice for you on top of this: don't waste time with your own shop site. Use services of the site you mentioned yourself or http://www.webdevelopers.eu or similar...
Copy linkTweet thisAlerts:
@NogDogOct 30.2011 — The example page uses jQuery, so there's a good chance it uses that for some AJAX style interaction with the host and the alteration of the current page without reloading it.
Copy linkTweet thisAlerts:
@ChuckBauthorOct 30.2011 — Thanks NogDog and elixon,

I figured jQuery had a hand in this.

@elixon,

I'm just doing this for practice. That's all. ?
Copy linkTweet thisAlerts:
@JazztronikOct 30.2011 — One thing that confuses me is the fact that when I change the font, or the background, I check in Firebug there is no request for the font case, and for the background case, the only request is the background image, for instance "carbon.png".

Next I check the source code (html, CSS) and I can't find the new image or the applied font anywhere. Why??
Copy linkTweet thisAlerts:
@NogDogOct 30.2011 — One thing that confuses me is the fact that when I change the font, or the background, I check in Firebug there is no request for the font case, and for the background case, the only request is the background image, for instance "carbon.png".

Next I check the source code (html, CSS) and I can't find the new image or the applied font anywhere. Why??[/QUOTE]

Are you inspecting the IFrame, or only the containing page?
Copy linkTweet thisAlerts:
@JazztronikOct 30.2011 — oops! That's true. I didn't notice the iframe. :rolleyes:
×

Success!

Help @ChuckB spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...