Fashion label site, with txp powered store.

Nathan82 · 2007-02-22 23:29:08

Hello all, this is my company’s site. It isn’t finished exactly, I just kind of add features when I feel like it. I have used many many plugins and hacks – a big thanks to all the plugin developers, especially Rob Sable. About 6 months ago I switched from a Wordpress and osCommerce setup to Textpattern, and it has been an absolute revelation for me.

At the moment the store uses individual articles for product pages, with custom attributes for things like price and colour, and a basic paypal cart. I can’t wait for wilshire’s shopping cart plugin, if we ever make any money he’s due a donation from us! :)

I have also hacked up the admin so much that it is barely recognisable, mainly with things to aid my technically illiterate partners. For example embedded wiki help pages on the article writing page, and one-click auto image code pasting. I’ll post some pictures of that if anyone’s interested.

sthmtc · 2007-02-23 00:05:19

good job on using txp for ecommerce. i’d be interested to see what you did to the backend. i’m doing a similar right now but i decided to go with shopify for the moment…

Nathan82 · 2007-02-23 01:02:03

Thanks! My ecommerce solution is a little kludgey, but I’m not really motivated to fix it when I know there’s a more professional implementation in the pipeline.

Here’s some screengrabs of my admin-

Editing a product page. The help file is grabbed from a dokuwiki page using file_get_contents().
399252658_200101123a_o.png

This screen has some bad language, sorry! The navigation has most items taken out for non-admin users.
399252656_34f2e52a0d_o.png

The image IDs link to the Write page, with the correct code pasted in automatically.
399252660_44532d6efb_o.png

Code edit windows have syntax highlighting using EditArea.
399252662_826fea583a_o.png

If anybody wants to know how to add any of these features I can elaborate. Most of it is done by changing core textpattern files though, not with plugins.

hcgtv · 2007-02-23 01:29:44

Nathan82 wrote:

If anybody wants to know how to add any of these features I can elaborate. Most of it is done by changing core textpattern files though, not with plugins.

Though I mainly use Textpattern for myself, I have some ideas for sites where other people would be using the backend. Your changes make it simpler for a newbie to get comfortable with article entry.

The EditArea mods is something I alluded to on this forum, I’m glad to see a working example of it. It sure would make maintaining the look and feel easier.

Whatever you’d like to share, I’m interested.

Nathan82 · 2007-02-23 01:59:03

I’m a bit of a Voodoo programmer, and often forget how I did something – the EditArea mod I did this evening though, so I’ll walk you though it while it’s still fresh in my mind.

1. Pick up the latest version here
2. Drop it in your textpattern folder
3. In textpattern/lib/txplib_head.php directly above </head> paste the following-

<script language="javascript" type="text/javascript" src="editarea/edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript">
editAreaLoader.init({
	id : "html"		// textarea id
	,syntax: "html"			// syntax to be uses for highgliting
	,start_highlight: true		// to display with highlight mode on start-up
});
</script>

And that should do it! There’s more info in the editarea docs.

Last edited by Nathan82 (2007-02-23 02:00:43)

sthmtc · 2007-02-23 02:00:26

to be absolutely honest, that looks a bit too messy for me. also i’m not a friend of using raw xhtml code in the article’s (or product’s) body – isn’t it way too confusing for non-technical staff? again, just being honest, no offense… just wondering if such a major change is worth the hassle.

the whole EditArea part looks really cool though, thanks for sharing that!

Nathan82 · 2007-02-23 02:14:02

You’re right, the solution for the product pages is far from ideal, and it is confusing for the non-technical guys. To be honest it was something I needed up and running quickly and I went for the easiest solution.

I’m in the process of switching to a different structure – a section for each product, with individual posts for each image (Front, Back, Detail etc). This way we can add additional info and artwork below the stock photos. Hopefully I can make this a lot more elegant with no code exposed to the other contributors. Any suggestions are appreciated.

sthmtc · 2007-02-23 02:17:06

Nathan82 wrote:

Any suggestions are appreciated.

from what i’ve seen in your screenshot, the whole image part can be very easily done via the article image field. just pass a comma seperated list of image id’s to it and let an article form with some upm_image tags do the rest. i’m using this all the time for similar things, like small slideshows, etc..

hcgtv · 2007-02-23 02:34:26

Nathan82 wrote:

I’m a bit of a Voodoo programmer …

The only way to fly :)

Tried the EditArea hack, works a treat, I really like the full screen mode. Wow, this has really come a long way, it feels very responsive in Firefox 2. Along with the syntax highlighting, being able to use the tab key to indent text allows for more readable backend code as you make changes over time.

One question, it’s only working on the Pages tab, nothing happens on the Forms, Style or Plugins tab. I’m using the latest SVN code, Textpattern version: 4.0.4 (r2243), on my local test system.

Nathan82 · 2007-02-23 02:36:12

That’s a great idea, thanks! I hadn’t seen that plugin before. Here’s approximately what I’ve just tested (works very well).


<!--some code here-->
<txp:upm_article_image limit="1" />
<!--some code here-->
<txp:upm_article_image limit="1" offset="1"/>
<!--some code here-->
<txp:upm_article_image limit="1" offset="2"/>
<!--some code here-->

sthmtc · 2007-02-23 02:45:56

uhmm, no i don’t get exactly what you’re trying to do there but here’s a quick example:
in you article form something like:

<txp:title /> <txp:body /> <div id="slideshow"> <txp:upm_article_image form="slideshow_image" /> </div>

and the whole slideshow part is then generated in the slideshow_image form:

... <img src="<txp:upm_img_full_url />" width="<txp:upm_img_full_width />" height="<txp:upm_img_full_height />" alt="<txp:upm_img_alt />" /> ...

on the page you’re just calling the article, that’s it…

Nathan82 · 2007-02-23 02:54:11

hcgtv wrote:

it’s only working on the Pages tab, nothing happens on the Forms, Style or Plugins tab.

Just had a root around, it’s because the textarea ID is different on each of those pages. Here’s my updated code.

<script language="javascript" type="text/javascript" src="editarea/edit_area/edit_area_compressor.php?plugins"></script>
<script language="javascript" type="text/javascript">
editAreaLoader.init({
	id : "html"
	,syntax: "html"
	,start_highlight: true
	,allow_toggle: false
	,font_family: 'Consolas, Monaco, "Courier New", monospace'
});
editAreaLoader.init({
	id : "form"
	,syntax: "html"
	,start_highlight: true
	,allow_toggle: false
	,font_family: 'Consolas, Monaco, "Courier New", monospace'
});
editAreaLoader.init({
	id : "css"
	,syntax: "css"
	,start_highlight: true
	,allow_toggle: false
	,font_family: 'Consolas, Monaco, "Courier New", monospace'
});
</script>

It’s really cool that you can specify CSS syntax highlighting for the styles tab. Now I wish I hadn’t switched to static .css files… oh well.

Textpattern CMS

Textpattern CMS support forum

#1 2007-02-22 23:29:08

Fashion label site, with txp powered store.

#2 2007-02-23 00:05:19

Re: Fashion label site, with txp powered store.

#3 2007-02-23 01:02:03

Re: Fashion label site, with txp powered store.

#4 2007-02-23 01:29:44

Re: Fashion label site, with txp powered store.

#5 2007-02-23 01:59:03

Re: Fashion label site, with txp powered store.

#6 2007-02-23 02:00:26

Re: Fashion label site, with txp powered store.

#7 2007-02-23 02:14:02

Re: Fashion label site, with txp powered store.

#8 2007-02-23 02:17:06

Re: Fashion label site, with txp powered store.

#9 2007-02-23 02:34:26

Re: Fashion label site, with txp powered store.

#10 2007-02-23 02:36:12

Re: Fashion label site, with txp powered store.

#11 2007-02-23 02:45:56

Re: Fashion label site, with txp powered store.

#12 2007-02-23 02:54:11

Re: Fashion label site, with txp powered store.

Board footer