Useful Techniques

Using a Different Design for the Checkout

It is possible to use one external design for your store pages, and then use a different one for the checkout.

To do this:

·      Register a standard design to use for your entire Actinic site (as described in Registering a New Design with Actinic)

14. Prepare an alternative design to use for your checkout pages. This design should be a 'clean' design that has not been registered with Actinic before.

15. When you have the design ready to go, simply go to 'Actinic | Register a Design with Actinic'.

16. In the window that appears, hold down 'Shift' on your keyboard and then select 'Checkout Page 0', 'Checkout Page 1', 'Checkout Page 2' and 'Checkout Page 3'.

17. In the 'Name of the new design' field, enter 'Checkout Design' or something similar.

18. Click 'Register'.

You can now insert Actinic content as required.

Editing the Actinic Stylesheet in Dreamweaver

If you want to edit the default Actinic stylesheet using developer, you can do it as follows.

·      In Dreamweaver go to 'File | New' and create a new basic 'CSS' page.

19. Save this page wherever you want and call it 'actinic-styles.css'.

20. Now go to Actinic and in the 'Design' tab, select 'Actinic Stylesheet' from the 'Select Page Type' list.

21. There should be a layout called 'Actinic Stylesheet' in the layout code window at the bottom. Copy the entire contents of the layout to the clipboard.

22. Now paste this content within your 'actinic-styles.css' file and save your changes.

23. Now in Dreamweaver go to 'Actinic | Register a Design with Actinic'.

24. In the 'Register a Design with Actinic' window that appears, select 'Actinic Stylesheet' - this is about three-quarters of the way down the list.

25. In the 'Name of the new design' field, call it something like 'Actinic Styles'.

26. Click 'Register'.

Actinic will not look any different, but now the 'Actinic Stylesheet' page will be using 'actinic-styles.css' as its source.