Support for

w3shop editing toolbar

Simon Tranter
by Simon Tranter 3 years ago


The w3shop editor has a range of tools available to help you easily update and edit your w3shop. Here's a brief run down of what is available.

1 - Cut

The cut tool allows you to select, then cut content to your computers clipboard.

2 - Copy

The copy tool allows you to select, then copy content to your computers clipboard.

3 - Paste

The paste tool allows you to paste any content that you have cut or copied to your computers clipboard.

4 - Paste as plain text

The paste as plain text tool allows you to paste any content as plain text that you have cut or copied to your computers clipboard. This removes all formatting.

5 - Undo

The undo tool applies an undo so that you revert backwards through your changes.

6 - Redo

The redo tool applies a redo so that you reapply your changes.

7 - Spellchecker

There is a built in spellcheck available.

8 - Add hyperlink

Link text or images using this button. Click and add the relevant link.

9 - Remove hyperlink

Remove an existing hyperlink by selecting the object and clicking this button.

10 - Anchor

Add an anchor point to your web page. For example, you may have a page loaded with content. At the bottom of the page you could add a link 'Back to top' which sends the user to the top of the page. To do this you need to first set the 'Anchor' this should be the point at which you want your user to be taken.

Click the 'anchor' button, this adds the anchor point. Then give it a name. This is what you will link to next:

Then using the add hyperlink button (8) add the link you want and point to the anchor:

Select Link type - "Link to anchor in text" this will display any anchor points you have created. Just select the one you want.

Then, when the user selects 'back to top' it will take them back to the anchor point.

11. Add Button

Within the style set of your chosen theme, there will be a particular button style. The colours of which are preset by you selection within the main w3shop control page:

To add a button on a page simply place your cursor when you want the button and click the 'add button' erm... button. You can then edit the text within the button and change the hyperlink.


12. Add Image

Adding an image into your page theme. Clicking here will bring up image editor tool

There are 4 panels within the Image editor.

  • Image info - This is where you set the image dimensions and alternative text. You can select images already uploaded by clicking 'browse server'.

  • Link - Add link information for your image here and set the target action for that link.

  • Upload - allows you to upload a new image. Click browse and choose the file on your computer. Then click 'Send it to the server'.

  • Advanced - add meta tags to your image

13. Add i-Frame

Lets you load a website in the middle of your page.
This is useful if you want to load some dynamic contented, as you can host a webpage externally with a gallery or a widget, and then you can use an iframe of that external page to add your gallery/widget/content into the w3shop.

14. Add Table

Lets you add a table to your w3shop

15. Add Hairline

Lets you add a line to page under your text. This hairline is a dark line that acts as a section break between content.

16. Add Special Characters

Provides a grid of special characters like accented letters or the greek alphabet. Choosing a special character adds it to your text box.


Jump to contents page of

w3shop - How-To Guides


All content is (c) Nettl Systems Limited, 2024 and may not be used, copied or distributed without permission.