Store
Create a store and add products and a shopping cart to your website and start your business online.
The shopping cart and product button is only available in Goldfish professional.
Goldfish allows you to add a store to your website in only minues. You need at leat two differnet items: A product button and a shopping cart. To add product buttons and a shopping cart, edit the content of a page area or area template and drag the shopping cart and the product buttons from the elements panel to the editor.
There are now several buttons on your website. A button for the shopping cart and at least one product button. If the visitor of your website clicks on a product button, the product flies to the shopping cart and is displayed in a badge. If the visitor clicks on the shopping cart, he can checkout and submit the order.
To set up the shopping cart, click on it and the properties of the shopping cart are displayed. Enter your e-mail address at Shopping Cart > E-Mail Address. All orders will be sent to this e-mail adress via e-mail.
To set up a product button, click on it and the properties of the product button are displayed. Enter the product id for your product. Then enter the name, price and the label. The label is displayed as text in the button.
Now your store is complete and ready for orders.
This item uses PHP. Your webserver must support PHP to use it.
Properties for Shopping Cart
These properties can be set for a shopping cart. Select a shopping cart to show its properties.
Item > Left | Sets the distance from the left side of the parent element in pixels. |
---|---|
Item > Top | Sets the distance from the top side of the parent element in pixels. |
Item > Width | Sets the width of the item in pixels. |
Item > Height | Sets the width of the item in pixels. |
Item > Padding Left | Sets the distance from the left side of the item to the content in pixels. |
Item > Padding Right | Sets the distance from the right side of the item to the content in pixels. |
Item > Padding Top | Sets the distance from the top side of the item to the content in pixels. |
Item > Padding Bottom | Sets the distance from the bottom side of the item to the content in pixels. |
Item > Background Color | Select a background color for the item. |
Item > Background Picture Clip | Select a background picture from the Goldfish Clips library. This option is only available if you have the Goldfish Clips library installed. |
Item > Background Picture | Select a background picture for the item. With Repeat, you can choose how the picture will be displayed. |
Item > Border Left Width | Displays a border on the left side of the item in the choosen width (pixels). |
Item > Border Left Color | Select a color for the left border. |
Item > Border Right Width | Displays a border on the right side of the item in the choosen width (pixels). |
Item > Border Right Color | Select a color for the right border. |
Item > Border Top Width | Displays a border on the top side of the item in the choosen width (pixels). |
Item > Border Top Color | Select a color for the top border. |
Item > Border Bottom Width | Displays a border on the bottom side of the item in the choosen width (pixels). |
Item > Border Bottom Color | Select a color for the bottom border. |
Item > Add HTML Code | Add custom html code to the item to extend Goldfish's functionality. |
Item > Add CSS Code | Add custom css code to the item. The code will be stored in the css section of your website. You can't change the css code of internal items, but you can use the css code in your custom html code. |
Item > Identifer (Id) | Sets the value for the id property. You can use this id to access the item with JavaScript. |
Shopping Cart > E-Mail Address | Enter the e-mail address to which the orders will be sent. |
Shopping Cart > E-Mail Subject | Subject in the e-mails for the customer and the store owner. |
Shopping Cart > Currency | Currency for orders. |
Shopping Cart > Decimal Point | Decimal point for currency formatted numbers. |
Shopping Cart > Tax (%) | Tax ammount for all orders. |
Shopping Cart > Tax Included | Enable this if the tax is included in the prices of the products. Otherwise the tax will be added to Estimated Total. |
Shopping Cart > Shipping Fee | The shippng fee that will be added to all orders. |
Shopping Cart > Payment Options | List of payment options, that are supported in the store. Note that payments are not implemented in the store. The choosen payment will only be included in the e-mail from the store. You must handle playments manually. |
Shopping Cart > Countries | A list of countries to that you want to deliver. |
Shopping Cart > State | Adds a field for the state to the order process (needed for US and Canadian addresses). |
Shopping Cart > Terms and Conditions | Adds a checkbox for terms and conditions to the order process. |
Shopping Cart > Comment | Adds a field for comments to the order process. |
Page Background > Background Color | Select a background color for the shopping cart page. |
Page Background > Background Picture Clip | Select a background picture from the Goldfish Clips library. This option is only available if you have the Goldfish Clips library installed. |
Page Background > Background Picture | Select a background picture for the shopping cart page. With Repeat, you can choose how the picture will be displayed. |
User Interface > Background Color | Select a background color for the shopping cart. |
User Interface > Background Picture Clip | Select a background picture from the Goldfish Clips library. This option is only available if you have the Goldfish Clips library installed. |
User Interface > Background Picture | Select a background picture for the shopping cart. With Repeat, you can choose how the picture will be displayed. |
User Interface > Padding Left | Sets the distance from the left side of the shopping cart to the content in pixels. |
User Interface > Padding Right | Sets the distance from the right side of the shopping cart to the content in pixels. |
User Interface > Padding Top | Sets the distance from the top side of the shopping cart to the content in pixels. |
User Interface > Padding Bottom | Sets the distance from the bottom side of the shopping cart to the content in pixels. |
User Interface > Border Left Width | Displays a border on the left side of the shopping cart in the choosen width (pixels). |
User Interface > Border Left Color | Select a color for the left border. |
User Interface > Border Right Width | Displays a border on the right side of the shopping cart in the choosen width (pixels). |
User Interface > Border Right Color | Select a color for the right border. |
User Interface > Border Top Width | Displays a border on the top side of the shopping cart in the choosen width (pixels). |
User Interface > Border Top Color | Select a color for the top border. |
User Interface > Border Bottom Width | Displays a border on the bottom side of the shopping cart in the choosen width (pixels). |
User Interface > Border Bottom Color | Select a color for the bottom border. |
User Interface > Font Style | Choose the font style for the shopping cart. |
User Interface > Items | Text in the user interface for Items. |
User Interface > Item Price | Text in the user interface for Item Price. |
User Interface > Quantity | Text in the user interface for Quantity. |
User Interface > Item Total | Text in the user interface for Item Total. |
User Interface > Shipping Fee | Text in the user interface for Shipping Fee. |
User Interface > Tax | Text in the user interface for Tax. |
User Interface > Estimated Total | Text in the user interface for Estimated Total. |
User Interface > Close | Text in the user interface for Close. |
User Interface > Checkout | Text in the user interface for Checkout. |
User Interface > Back | Text in the user interface for Back. |
User Interface > Next | Text in the user interface for Next. |
User Interface > Submit Order | Text in the user interface for Submit Order. |
User Interface > First Name | Text in the user interface for First Name. |
User Interface > Last Name | Text in the user interface for Last Name. |
User Interface > Street | Text in the user interface for Street. |
User Interface > Zip/Postal Code | Text in the user interface for Zip/Postal Code. |
User Interface > City | Text in the user interface for City. |
User Interface > Country | Text in the user interface for Country. |
User Interface > Phone | Text in the user interface for Phone. |
User Interface > E-Mail Address | Text in the user interface for E-Mail Address. |
User Interface > Reenter E-Mail Address | Text in the user interface for Reenter E-Mail Address. |
User Interface > Payment | Text in the user interface for Payment. |
User Interface > Personal Information | Text in the user interface for Personal Information. |
User Interface > Thank You Message | Text in the user interface for the thank you message.. |
Properties for Product Button
These properties can be set for a product button. Select a product button to show its properties.
Item > Left | Sets the distance from the left side of the parent element in pixels. |
---|---|
Item > Top | Sets the distance from the top side of the parent element in pixels. |
Item > Width | Sets the width of the item in pixels. |
Item > Height | Sets the width of the item in pixels. |
Item > Padding Left | Sets the distance from the left side of the item to the content in pixels. |
Item > Padding Right | Sets the distance from the right side of the item to the content in pixels. |
Item > Padding Top | Sets the distance from the top side of the item to the content in pixels. |
Item > Padding Bottom | Sets the distance from the bottom side of the item to the content in pixels. |
Item > Background Color | Select a background color for the item. |
Item > Background Picture Clip | Select a background picture from the Goldfish Clips library. This option is only available if you have the Goldfish Clips library installed. |
Item > Background Picture | Select a background picture for the item. With Repeat, you can choose how the picture will be displayed. |
Item > Border Left Width | Displays a border on the left side of the item in the choosen width (pixels). |
Item > Border Left Color | Select a color for the left border. |
Item > Border Right Width | Displays a border on the right side of the item in the choosen width (pixels). |
Item > Border Right Color | Select a color for the right border. |
Item > Border Top Width | Displays a border on the top side of the item in the choosen width (pixels). |
Item > Border Top Color | Select a color for the top border. |
Item > Border Bottom Width | Displays a border on the bottom side of the item in the choosen width (pixels). |
Item > Border Bottom Color | Select a color for the bottom border. |
Item > Add HTML Code | Add custom html code to the item to extend Goldfish's functionality. |
Item > Add CSS Code | Add custom css code to the item. The code will be stored in the css section of your website. You can't change the css code of internal items, but you can use the css code in your custom html code. |
Item > Identifer (Id) | Sets the value for the id property. You can use this id to access the item with JavaScript. |
Product Button > Product ID | The product id (item number) of the product. If you have two buttons with the same product id, they refer to the same product. |
Product Button > Product Name | Name of the product. This will be shown in the shopping cart. |
Product Button > Price | Price of the product. The currency and tax is set in the shopping cart. |
Product Button > Differing Tax | Enable this if the tax for this product differs from the global tax which is set in the shopping cart. |
Product Button > Label | The text in the product button. |
Product Button > Alignment | Alignment of the text in the product button. |
Product Button > Font Style | Style of the text in the product button. |
Product Button > Padding Left | Sets the distance from the left side of the product button to the content in pixels. |
Product Button > Padding Right | Sets the distance from the right side of the product button to the content in pixels. |
Product Button > Padding Top | Sets the distance from the top side of the product button to the content in pixels. |
Product Button > Padding Bottom | Sets the distance from the bottom side of the product button to the content in pixels. |
Did this help page answer your questions?
If you need additional assistance regarding this topic or if there's missing some information in this chapter, please write us.