Design and Images

Hem > English > Design and Images

Wrong font in the description

Text that is pasted into the editor from e.g. a website, word, pages m.m. usually gets the wrong font that is preset on the page. The reason for this is that you also copy with a code for the formatting that is not visible to the eye. To get past the problem, you can copy the text into e.g. notes in the computer first. Then all hidden formats will disappear when you then copy the text from notes further into the editor. In the editor, there are also two functions you can use if you do no...

The image is not visible!

NOTE! web friendly filename Avoid Swedish characters (and spaces) in the file name. Rename the file without åäö, and try again. Product images should preferably be jpg for best quality (not gif, bmp, png etc.) NOTE! web-friendly filename, ie no space or åäö in the name, otherwise the image will not be visible at magnification. The images can be a maximum of 1200x1200px large. Filenames cannot contain more than 64 characters (for example, xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...

Can you add several images (in addition to the 5 included) on one product?

Yes you can. First you upload extra images (or files eg PDF) via the "File Manager" (not active in a test store due to security risk), then you can upload the image / images via the product editing page. You can also create extra pages with images via Page Manager and link to the page from another page (eg product page). There are also many so-called "modules" that we can install in your store. For example. to view a slide show or movie.

How do I get my logo displayed in the store?

1. If you do not have the logo ready, create it with any image editing program (Paint, Photoshop, etc.) The logo must be called logo.jpg. (In older stores) In V.11, the logo must be in PNG format. 2. Upload the logo with the File Manager (admin> File Manager). In V.11, you upload the logo via admin> Settings & Design> Store logo 3. Your logo is now displayed in the store. In previous stores (before V11.) NOTE! The logo MUST be in JPG format. It is not possible to create e...

Remove frame around image

Go to admin > CMS / Page and Text Manager > [the page you want to edit]. Right-click on the image you have linked and select "Image Properties". Click on the "Visual settings" tab and enter 0 in the "Frame" field. Then click "Update". Instructions for you who have version 9 and later. ----- Go to admin > CMS / Page and Text Manager > [the page you want to edit]. Right-click on the image you have linked and select "Insert / Edit Image". Click on the "Appearance" tab and ente...

Instructions - How to change CSS yourself

In admin you download the CSS file in admin > "Tools" > "File manager"> "themes"> "design.css". After editing the CSS file, upload it again in admin > "Tools" > "File manager" > "themes". The CSS file can be edited in a regular text editor, e.g. Notes. Now go to the store to see the changes. Good knowledge of CSS is required to be able to handle this on your own. We do not provide support for this. Make a Backup before making any changes by downloading and saving a...

Instructions - insert Flash

Flash has been removed in new versions of Talex Webshop due to that it can often ruin responsiveness and mobile adaptations. Contact Talex if it is still important for you to use Flash. If you are to insert a Flash in a separate page in admin > Page and text manager, do the following: 1. Upload the Flash file in admin > Tools > File manager. 2. Go to admin > Page and text manager and click on "new page". 3. In the field "Text and / or image", click on the flash icon (the ico...

Design, Color & Layout - Version 11

Version 11 is Responsive and developed so that you can influence the design even more yourself. The basic settings: admin > Settings & Design > Design, Color & Layout Store width The store width can be specified either in pixels "1000" or percent "100%". Full page header * If "Full page header" is activated to "Yes", both header & footer will fill the page all the way to the edges. If "Full page header" is activated to "No", both header & footer will only fill the Store width...

Categories - Version 11

Categories Version 11 How do I enable / disable categories on the home page: 1. Log in to admin 2. Go to Settings & Design > Design, Color & Layout 3. Change the value of the Show left column on the home page Value: 0 The categories are disabled on the start page Value: 1 The categories are activated on the home page How do I enable / disable the categories in the top menu: 1. Log in to admin 2. Go to Settings & Design > Design, Color & Layout 3. Change the value ...

CSS variables - Design - Version 11

CSS VARIABLES Note! Below is not something we provide free support for but can be given when debiting a Service Card (https://webshop.talex.se/service-cardrefillcard-p-284.html?language=en). To access CSS Variables, you need to enable Expert Mode. You activate Expert mode to true via: admin > Expert mode > true CSS Variables can then be found below: Settings & Design > CSS Variables HEADERTEXTALIGN The header is set to "center" by default. Can also be changed to "left"...

Google Fonts - Version 11

Google Fonts Note! Below is not something we provide free support for but can be given when debiting a Service Card (https://webshop.talex.se/service-cardrefillcard-p-284.html?language=en). https://www.google.com/fonts In version 11, you have the opportunity to use 3 different Google fonts in your Webshop in Expert mode. You activate Expert mode to true via: admin > Expert mode > true Under Settings & Design > CSS Variables you will find GOOGLEFONT1, GOOGLEFONT2 and GOOGLEF...

Add / Remove 3part logos - Version 11

You can find all 3-party logos via admin in your store. admin > tools > file manager > 3part "folder" To the right of each file there is an image on a trash can to delete the image. To add a 3part logo, use the "Upload" button at the bottom. Keep in mind that the logos must be in the .png format

Image slider

This feature is included in newer versions of the Talex Webshop. The images you want to be displayed in the slideshow you upload in the file manager ("tools" -> "file manager") to the directory "image_slider". In order for the slideshow to look as good as possible, all images should be the same size (width and height). Then go to Slideshow ("tools" -> "slideshow") There you can add a new so-called "slide" for each image you have uploaded. When you feel ready, go to the slide show s...

Guidelines for design

Delivery time for e-commerce systems with standard functions is approximately 1-2 working days after we have received your payment. Afterwards we can start customizing the design and features as desired. Meanwhile, you don’t have to wait for us! You can add a logo, all categories & products, product texts, slide shows, page content and footer text. You will find all this in admin. 1. Add products Before we can begin to draw the design, it’s important that you add the above content in store....