Page status: Up to date | Application version: From 1.3.5.4

Create & edit brand

If you sell brands, you should create the brands before starting to add products to avoid interruptions. The brands can be managed only from this area. The most important and the only mandatory field in creating a brand is its name. You can assign an image, as well as a description, but all these are optional.
The name of brands are the ones which will build the navigation menu for all your products.
The brands are built as side bar menu and this menu is dedicated to products classification only.

You can create as many brands you need.

All brands will be managed from this area in exclusivity. Here you can create brands and you can edit any of existing brands.
To edit or create a brand you should be in Brands list. Click Brands option under the Products in left side menu.

All field in this area are automatically saved once you leave the field, except the text editor which require save from the green SAVE button at the bottom left of the editor.
The saved fields will turn light green background.
Any error in saving a field will be marked by a light red background. Check the content of that field (red field) and alter it if necessary.

Add new brand

To add a brand you need to be in Brands list. Click Brands option under Products in side menu.

Click the Add new brand button on top right corner of Brands list.
Once you click the Add new brand button, the Create brand window will open and ask you to input the brand name.
- Input the name and click the green Save button to add the brand
- Click the close button on top right to abandon.

The name of brand is a mandatory field. You cannot have a brand without name.
If you fail to input brand name in Create new brand window, a warning message will be displayed. Click the Ok button or close the warning and continue with the new brand.

After you press the Save button, the Create brand window will close. The new created brand is isolated in search to allow you easy access to it and continue editing it. See below.
To edit brand click the brand's icon or brand's name or edit icon at the end of the row.

Note:
You can create brands with same name. Avoid this though because you will confuse your customers.

View / edit brand

You can view or edit any existing brand, inclusive the new created one. From the Brands list, choose the brand you want to edit and click one of the following to get the View / edit brand window:
- click on brand's icon
- click on brand's name
- click the edit icon button

Once you click on one of the above, the View / edit brand will open and you can make any changes.
The View / edit brand window has three collapsible areas: Basic details, Description, SEO. If you click on the name of one of these areas, the area will expand if it is closed or will collapse if it is opened. You can open / close multiple area in same time. The collapsible areas will help you to manage well your working space.

If you do not see the brand you want to edit into Brands list means you applied the wrong search and the list is incomplete. Release search and try now.


Window name

The window name is an informative field. It will tell you where you are. In this case is the View / edit brand and follow the name of current brand you are editing and the id no.

Basic details area

Brand name

The Brand name will have the text you input when you created the brand. This name can be changed at any time, but not deleted. To change the brand name, just overwrite the Brand name field. The new name will be automatically saved when you leave the name field.
In case you want to change it back to initial name, copy and paste the name in window name.
Each brand must have a name. It is the only mandatory field for a brand.
The name will be displayed under brand list in FRONEND.


Enabled

The Enabled field refers to the status of current brand. Its effect is instant.
Only enabled brands are displayed in FRONTEND. If the brand is disabled it will be ignored till is made enabled no matter if a number of product are labeled with this brand.
You can make disable an brand for different reasons like: not finalized setting the brand, you do not want to show the brand of same products.

To enable a brand, just choose the YES radio button.
To disable the brand, choose the NO radio button.


Show order

The Show order field is to order your brands based on this field.
Smallest number means that the brand will be shown on top of the listing (FRONTEND & BACKEND).

It is recommended to use sequences of 10s, 100s and so on, because in future you may need to insert a new brand between two existent ones. In this way, you do not need to reorder all the brands, just assign to the new brand a number in between the two existent brands numbers.

The Show order field is not mandatory.

Image

The second half or the View / edit brand in Basic details area is the place reserved for image.

A brand can have assigned a brand image (logo).

The image brand is displayed in frontend in brand description.
If the Product entry page - show only brands is set Yes in Products area under Shop configuration -> Settings & layout, when the user click the products menu, the all enabled brands logos (images) will be displayed on page in order set under the Show order field.


Add image button

At the left of no image icon, is a light blue Add image button. Click this button to add an image and replace the no image icon.

When you click on Add image button, a pop-up window will give you two options:

  • To Upload image from your device
  • To Browse images existing on server

Upload image

Most likely that you need to upload the image of the brand from your device. The image manager prompt you this option.

You have two ways to upload the image from your device:

  • Click Upload from local device red button and choose the image you want to upload: an explorer will open to assist in find the image on you device. When you find the image on your device, click on it and then click open button from your explorer.
  • Drag and drop the image into this section: Find the image on your device and drag it over the upload rectangle (where the red Upload from your local device button and surrounding area marked with a rectangle)

The system will do following operations at once if there are no uploading errors:

  • upload the image
  • will close the image manager window
  • will assign the image uploaded to current brand

Uploading errors

There are some restrictions for images uploaded as mentioned under the Upload from your local device button

  • File extensions allowed: jpeg,jpg,png
  • File size allowed up to: 20Mb

This extensions file are cleaner and safer (website security concern). The file size will more than enough for big nice images and will protect you against wasting the space on your server.


Browse image

If you already uploaded the image of the current brand before, then you want to find it on server and assign it to this brand.

Click the Browse image tab in image manager.

In Browse image tab you will find following:

  • The page title appears on top left and includes the page title Add / change image for Brand: followed by the brand name and its ID.

  • Showing Images only (Files are not included, see File section for files).
    Top left on Browse image tab

  • The areas where the images was uploaded. Default is showing the Brand / Manufacturers as your current area now. You can choose another area from dropdown menu.
    Top left second position on Browse image tab

  • The Search area where you can search the image based on its name.
    Top right on Browse image tab

  • The Images listing will be displayed under this tab, showing the first 50 images in chronological order (first image shown is the last image uploaded).

  • Show more button will display a bunch of 50 images each time you click it.
    Show more button appears on the bottom left. It appears only the Image listing has more than 50 images.

  • Show all button will display all images.
    In case you have many images (hundreds or thousands), the list may be too long and may take a while to be displayed. You may be happier with the results of Show more button.
    Show all button on the bottom left. It appears only the Image listing has more than 50 images.

  • Close button will close the image manager canceling the add image process.
    Close button is a cross on right top opposite to the page title.

Search image

Enter into the search box what you are looking for and press Enter key or click on green magnifier icon.
The system will look to match your search string in name of the images. It is an autocomplete search box, it means:
- once you start typing will be automatically shown in a drop down all available options
- you can select one of available options and click green button or press Enter key; The selected option only will be shown in listing as search result.
- or you can anytime press Enter key or click on green button and you will get in search results all images that match your search string.


Images listing

In Images listing you can sort the images by clicking one of the following headings:

  • File name alphabetical sort
  • Size ascending sort
  • Date chronological sort
  • # ascending sort

You can sort listings ascending and descending for all fields that has headers in blue with underlined text when click on it once and after that once again.


Edit file

If the thumbnail or the name of the image is not enough clear, you can edit the image to view it before deciding if it is the correct image to be assigned to the current brand.

If you click on image thumbnail, image name or the edit icon in image list you will Edit image (view) that particular image.
A new pop-up image will display you the image with all three images that the system create every time you upload an image to optimize the image display in FRONTEND (optimizing the time to load a page).
The light blue download icon button (at right side of the images) will open a new tab on your browser displaying the original image you uploaded on server. Here you can save the image on your device.
You can close the Edit file from one of the close buttons: a cross on top right of the window or the Close white button on the right bottom.


Assign image to brand from Browse images

At the right of each image row in Images list is an green + button. Click on it in chosen image row to assign that image to the current brand.

In case that image was already assigned to the current brand you will get on screen an error massage: Image is already assigned. Click the blue OK button or close the window from the cross top right. Choose another image by clicking the green plus symbol button.

After you click on the green plus symbol on Brows images tab, three things happen:

  • the Browse images tab closes
  • the image is assigned to the brand
  • the image thumbnail is replacing the no image icon

Change image button

If you need to change an existing image with a new one, click the light blue Change image button from the right of the image you want to change.

When you click on Add image button, a pop-up window will give you two options:

  • to Upload image from your device
  • to Browse images existing on server

After you uploaded the image or you click the plus symbol in browse images tab of an image, the following will happen:

  • upload the image if applicable
  • the image manager will close
  • the image will be assigned to current brand and will replace the changed image
  • the initial image will lose its assignment to the current brand

Delete image from brand button

Delete button from each image will have as effect unassigned that image from the brand, but will not delete the image from the server.

Description area

The Description area has an text editor. Everything you write here will appears under the brand description page (FRONTEND).
In this editor you should present the brand for your customers. The description will help the users, but also the search engines consider more a brand with description.

After finishing to add brand description, click the green SAVE button from the bottom of the text editor to save it. A message will appear for few moment under the green button, telling you that Description was saved.

If a brand will have no description at all, the brand description will not be shown in FRONTEND.

Click on Description button at the top of description area to close it and fold the page. Click it again when you want to open it.

SEO

Click the SEO button placed under the Description. The SEO window will open under.

The SEO metatags are automatically completed with the brand name, in case you will not want or you do not know how to touch this area. It is a small step to search engine optimization.

The meta tags are valuable for search engines because they are written in code header and give them brief information about current page (what is about this page). For user these tags are mainly invisible.


Meta title

The meta title is the title of your (brand) page.
You ca alter the auto-text filled in the text field.
Alongside the text field you have a counter of characters used in text field and instructions on how many characters are recommended for this tag.

Most of search engines use only the first 60 characters (including spaces) of Meta title.


Meta keywords

Meta keywords are SEO metadata and represents the keywords based on which the current brand will be found by search engines.
You ca alter the auto-text filled in the text field.
Alongside the text field you have a counter of characters used in text field and instructions on how many characters are recommended for this tag.

Keywords can be one word or a short phrase and are comma separated.
The best practice is to focus on maximum three keywords per brand.


Meta description

Meta description is SEO metadata and represents a short description of current brand.
You ca alter the auto-text filled in the text field.
Alongside the text field you have a counter of characters used in text field and instructions on how many characters are recommended for this tag.

Most of search engines use only the first 160 characters (including spaces) of Meta description.


No char. box

This box will show a real time counter of the characters you input into each of the metadata. This feature is just informative to help you in keeping short, relevant meta tags.

Delete brand and all its associated details

Click the Delete brand and all its associated details button if you want to delete the current brand.
A warning message will ask you to confirm you want to delete the brand: Click OK to delete it or click Cancel or close the warning window to abandon.
The red Delete brand and all its associated details button is placed at the bottom of View / edit brand window.


Close

Close button will close the View / edit brand window and you will be landing on Brands list.
You can close this window at any time as all data is already saved for you in the moment you leave a field. Exception from this rule is only for text editor. Click the save green button to make sure the entire content of text editor is saved.
You have two close buttons, use the one convenient for you:
- one is on top right corner of the View / edit brand window on same line with the window name
- one blue Close button on bottom right corner

On this page

Snapshots / images

Brands list

Brands list

You will find all your brands created under Brands list.
To get to Brands list, choose Brands under Products in left side menu.

Add new brand

Add new brand

After you click the Add new brand button, a pop-up window (Create brand) will open to allow you to input the name of the new brand.
Input the name of your new brand and click the Save button.
In case you change your mind, you can abandon by simple closing the Create brand window from the top right cross button.

Warning new brand

Warning new brand

It is mandatory to input a name for your new brand. In case you click the Save button without inputting the brand name, a warning will be displayed on your screen telling you what went wrong.
Click the OK button or close this pop-up and fill in the new brand name and click the OK button to create the brand.

Brands menu

Brands menu (FRONTEND)

The brands list appear displayed under the categories in frontend. It appear on sidebar.

Brand description

Brand description (FRONTEND)

The brand description appear when user is clicking the brand if applicable.
Each brand has two areas: one collapsed area which contains the description and one showing the brand content - the products labeled with that brand.
The description area can be configured to be open or closed from Brand description area - open (show it) under Product listing in Shop configuration -> Settings & layout. No means the description will be close, Yes means the description will be open.
Also you can choose not to display at all the description for the brands. In Enable brand description choose No (Shop configuration -> Settings & layout under Products listing area).

View / edit brand

View / edit brand

View / edit brand window will open with Basic Details expanded.

Edit brand description

Edit brand description

Click on Description title to expand this area.
Click again the Description title to collapse.
The Brand description has a full html editor to assist you in creating the brand description.
Use the green Save button to make sure all your work was saved.

Edit brand SEO

Edit brand SEO

Click on SEO title to expand this area.
Click again the SEO title to collapse.
The Category SEO allows you to enter the meta data for current brand.
The name of brand will be filled up on all your SEO metadata fields.

Delete brand

Delete brand

The warning message displayed when you click the Delete brand and all its associated details button.
Click OK button to confirm deletion.
Click Cancel button or close the window to abandon deletion.

Add images to brand

Add images to brand

Click on Add image blue button. A pop-up window will appear to assist you.

Browse images tab

Browse images tab

Look for the image already uploaded earlier.

Headings