redSHOP Custom Fields

redSHOP supplies lots of custom fields that allows user more flexible and powerful to customize the shop as.

Firstly you have one web-site use Joomla and installed redSHOP component. Access your web-site by administrator page by (username/password) has been provided

Secondly you click on Component on main menu and select on "redSHOP"

Finally webpage will display overview page administrator of redSHOP

Overview of Custom Field Listings screen

Field

(1) Title - The title will appear under product editing and as title ofthe connected tag under template
(2) Name - name of the Custom field
(3) Type - Field type
(4) Section - where you would like to use this custom field
(5) Group - group for field
(6)  Icon Published or Unpublish - view status Custom field item when this Custom field is working or not 

(7) ID - ID of the Custom field

Action

New - appears when adding a new the Custom field
Delete - delete 1 or more items has selected. Items has deleted will remove list the Custom field items  
Check-in - will unlock any the Custom field items when someone viewing it 
Publish - it change status from unpublish to publish for the Custom field items is working

Unpublish - it change status from publish to unpublish for the Custom field items isn't working

Overview of Custom Field Details

Field

(1) Type - Select the type of custom field this will be

(2)  Section - The Section is where you would like to use this custom field
(3) Group - Select the group for the field is creating
(4)  Name - This is the name that will be used to add your custom field to Templates.  The name should be in lowercase, and an underscore ( _ ) used for spaces. On save the name will be changed to a format to work with redSHOP if not created as such, ie:   rs_custom_field_name
(5) Title - The title vill appear under product editing and as title of the connected tag under template editing
(6)  CSS Class - You can apply a class to this field to allow styling it with CSS
(7)  Display in Product List - No/yes.  Yes is default.  Yes will show the custom field data when viewing the product list in the backend
(8)  Show in Checkout - No/Yes. Yes is default. Yes will show the custom field data in the checkout page
(9)  Show in Front - No/Yes. Yes is default.  This option allows you to show data from this custom field in the frontend of the shop. *It is necessary to first add the field name to the template for the view you'd like to display this data in.  More on that to later in this tutorial
(10)  Required - No/yes. Yes is default
(11)  Published - No/Yes.  Yes is default
(12) Description - Add a description for this custom field if you'd like

Action

Save - apply the changes made to the custom field details or create new item and show information change latest on the page 
Save & Close - apply the changes made to the custom field details or create new and return to the custom field listing screen 
Save & New - apply the changes made to the custom field details or create new and return to the custom field create page new items other 
Cancel - return to the custom field listing screen without saving any changes

Type

  • Select : option default
  • Checkbox
  • Country selection box
  • Date picker
  • Documents
  • Image
  • Image with link
  • Media
  • Multiple select box
  • Radio buttons
  • Selections Based on Selected Conditions
  • Single Select

  • Text Tag Content
  • Text Area
  • WYSIWYG

Field addition

Size - This is the width of the field in pixels

Maximum Length - This is the maximum number of characters you wish to allow in this field.

Columns - Relevant only for Text Area or Multi-select field types.

Rows - Relevant only for Text Area or Multi-select field types

Option name - This is the name of the option. The name should be in lowercase, and an underscore ( _ ) used for spaces. On save the name will be changed to a format to work with redSHOP if not created as such, ie:  rs_custom_field_name

Option value - value of the option

Action

Add option - Webage will display an row of the option 

Section

  • Product - Option Default
  • Category
  • Private Billing Address
  • Company Billing Address
  • Sample
  • Manufacturer
  • Shipping
  • Product user field
  • Gift Card user field
  • Private Shipping Address
  • Company Shipping Address
  • Product Date Picker
  • Quotation
  • Payment Gateway
  • Shipping Gateway
  • Order

Working with Custom Fields within redSHOP

With Checkbox

1.  Go to backend page of REDSHOP and click Customization then select "Custom Fields" tab

2. User click on combobox Type, select type for field

3.Example, click on Checkbox to choose type of field is checkbox

4. User fill in some option of the field

5. User click on combobox Section, select section for field

6. User fill in Name field, that will be used to add your custom field to Templates

7.  User fill in Title field. Then User click on Save & Close button

And the result after creating field item

Video for Create Custom field With Checkbox type: Click here

With Text area

1.  Go to backend page of REDSHOP and click Customization then select "Custom Fields" tab

2. User click on combobox Type, select type for field

Click on Text area to choose type of field is Text area

3. User click on combobox Section, select section for field. And fill in some field as: Name, Title, Column, Row... Then click on Save button

And the result after creating field item.

Video for Create Custom field With Textarea type: Click here

With Radio button

1.  Go to backend page of REDSHOP and click Customization then select "Custom Fields" tab.

2. User click on combobox Type, select type for field. Click on Radio button to choose type of field is Radio button. 

Then User fill in some option of the field.

3. User click on combobox Section, select section for field.

4. User fill in some field as: Name, title... then click on Save & Close button.

And the result after creating field item.

Video for Create Custom field With Radio button type: Click here

With Single Select

1.  Go to backend page of REDSHOP and click Customization then select "Custom Fields" tab.

2. User click on combobox Type, select type for field.

3. User click on Single Select to choose type of field is Single Select. Then User fill in some option of the field.

4. User click and choose Section of the field. After that, User fill in some field as: Name, title... then click on Save & Close button.

And the result after creating field item.

Video for Create Custom field With Single select type: Click here

With Text Tag Content

1.  Go to backend page of REDSHOP and click Customization then select "Custom Fields" tab.

2. User click on combobox Type, select type for field.

3. User click on Text Tag Content to choose type of field is Text Tag Content.

4. User click and choose section of field.

5. User fill in some field as: Name, title... then click on Save & Close button.

6. And the result after creating field item.

Video for Create Custom field With Text Tag Context type: Click here

Show custom filed on frontend

With Checkbox

1. User click on Customization and choose Templates tab.

2. Then user click on section selected in field just create.

3. Webpage will display template detail include custom field just created.

4. User add Name of the field on Description. After that, click on Save button.

5. User clicks on Products and choose Product Management tab.

6. User choose the product that want to display field.

7. Webpage will display Product edit details, then click on Custom Fields.

8. User choose value that want to display on front end. Then click on Save button.
9. After save success, click on Review button.
10.Webpage will redirect to frontend page and show product details with field added

Video for Show Custom field With Checkbox: Click here

With Text Area

1. User click on Customization and choose Templates tab.

2. Then user click on section selected in field just create.3. Webpage will display template detail include custom field just created.

4. User add Name of the field on Description. After taht, click on Save button.

5. User click on Products and choose Product Management tab.

6. User choose the product that want to display field.

7. Webpage will display Product edit details, then click on Custom Fields.

8. User choose value that want to display on front end. Then click on Save button.
9. After save success, click on Review button.
10. Webpage will redirect to frontend page and show product details with field added.

Video for Show Custom field With Text Area: Click here

With Radio button

1. User click on Customization and choose Templates tab.

2. Then user click on section selected in field just create.

Webpage will display template detail include custom field just created.

3. User add Name of the field on Description. After taht, click on Save button.

4. User click on Products and choose Product Management tab.

5. User choose the product that want to display field.

 Webpage will display Product edit details, then click on Custom Fields.

6. User choose value that want to display on front end. Then click on Save button.
7. After save success, click on Review button.
Webpage will redirect to frontend page and show product details with field added.

Video for Show Custom field With Radio button: Click here

With Single Select

1. User click on Customization and choose Templates tab.

2. Then user click on section selected in field just create.

Webpage will display template detail include custom field just created.

3. User add Name of the field on Description. After that, click on Save button.

4. User click on Products and choose Product Management tab.

5. User choose the product that want to display field.

6. Webpage will display Product edit details, then click on Custom Fields.

7. User click on Select.

8. User choose value that want to display on front end. 

9. Then click on Save button.

10.. After save success, click on Review button.
Webpage will redirect to frontend page and show product details with field added.

Video for Show Custom field With Single Select: Click here

With Text Tag Content

1. User click on Customization and choose Templates tab.

2. Then user click on section selected in field just create.

Webpage will display template detail include custom field just created.

3. User add Name of the field on Description. After taht, click on Save button.

4. User click on Products and choose Product Management tab.

5. User choose the product that want to display field.

Webpage will display Product edit details, then click on Custom Fields.

6. User choose value that want to display on front end. Then click on Save button.
7. After save success, click on Review button.       
Webpage will redirect to frontend page and show product details with field added.        
Video for Show Custom field With Text Tag Content: Click here