Logo & Title Settings
Logo & Title Settings
The Logo & Title settings let you set the logo, icon, and image that represent your website and specify the store name and page titles of your website. You can upload your logo in two different sizes, one to be used for desktop devices and one for mobile devices. You can upload an icon to be displayed in the browser title bar. You can also upload the image you want to use when your website is shared.
The settings are found in the LOGO & TITLE tab of the website Design tab.
Things you can do in the LOGO & TITLE tab include:
• Edit your store name
• Upload your store logos
• Specify your website page titles
• Upload your social share image
• Upload your address bar icon
To edit your store name:
1. Click on the DESIGN button in the Website Editor Toolbar.
2. Click on the LOGO & TITLE menu item.
3. Highlight the current site name in the SITE NAME field.
4. Enter a new name for the site.
5. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
The name will appear throughout your website, in your copyright notice and emails, and in place of a logo if you have not uploaded any.
To upload your store logos:
1. Click on the Design button in the Website Editor Toolbar.
2. Click on the LOGO & TITLE menu item.
3. Click within the logo box of the logo variant you want to upload (Logo Image/Mobile Logo Image).
• LOGO IMAGE: the logo that will be used for desktop devices.
• MOBILE LOGO IMAGE: the logo that will be used specifically for mobile devices.
4. The Select Image popup will be displayed.
5.
6. Choose the source location of your logo:
• Your Images: your own images, uploaded from your device.
• Theme Images: images supplied with website themes.
• Stock Images: free stock images.
• Search the Web: images from the web.
7. Browse and select the desired image.
8. Click OK in the Select Image popup.
• If you have chosen an image format other than SVG, the option to Resize the image to fit. will be displayed and ticked by default.
Desktop:
Mobile:
Ticking the checkbox will resize the logo image to fit within the recommended dimensions of the target container.
• If you have chosen an SVG image, the Resize the image to fit. option will be disabled and unticked as SVG images cannot be resized. If you upload an SVG image, make sure it is saved at the desired display size.
• If you have chosen an image in JPG format, an Image Quality setting will also be displayed.
This setting lets you set the image quality of the logo image. It allows you to optimize your website performance. Depending on the setting, images will be compressed to output an image quality relative to speed performance. Image compression is when information in an image file is removed to reduce its file size so that it can load faster. The higher the speed performance setting, the lower the image quality. The higher the image quality setting, the slower the performance.
o Default
o Highest Speed
o Higher Speed
o Balanced Speed/Quality
o Higher Quality
o Highest Quality
This setting will apply globally to all listing and display images on your website, i.e. images in the product listing widgets, design listing widgets, category listing widgets, Image Widget, Image Gallery Widget, Logos Widget, and widget backgrounds.
Note that this setting will not affect the physical image size (resolution) set for the image. Image size can be set at the widget level.
• If you have chosen an image in SVG format, the image will be maintained at the original size in vector format at all times to ensure image quality. Because the option to resize will not be available for SVG format, make sure you upload an image that is appropriately sized for each display size.
9. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
To specify your website page titles:
1. Click on the DESIGN button in the Website Editor Toolbar.
2. Click on the LOGO & TITLE menu item.
3. Highlight the current title in the PAGE TITLE field.
4. Enter a new page title for your site.
5. Optionally, tick the Append title to page names checkbox if you want the title to be appended to the end of the page name of each page of your website.
6. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
The page title will appear in the title bar of your browser, in the browser tab, and in search engine search results.
To upload your social share image:
The social share image, also commonly known as an OpenGraph or OG image, is the image that will be used when a page on your website that does not have a specified image is shared on social media platforms.
An OG image is part of an important group of meta tags called OpenGraph tags, developed by Facebook to control how website information is shared with social networks.
1. Click on the Design button in the Website Editor Toolbar.
2. Click on the LOGO & TITLE menu item.
3. Click within the SOCIAL SHARE IMAGE box.
The Select Image popup will be displayed.
4. Choose the source location of your image:
• Your Images: your own images, uploaded from your device.
• Theme Images: images supplied with website themes.
• Stock Images: free stock images.
• Search the Web: images from the web.
5. Browse and select the desired image.
6. Click OK in the Select Image popup.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
To upload your store address bar icon:
1. Click on the Design button in the Website Editor Toolbar.
2. Click on the LOGO & TITLE menu item.
3. Click within the Address Bar Icon box.
The Select Image popup will be displayed.
4. Choose the source location of your icon:
• Your Images: your own images, uploaded from your device.
• Theme Images: images supplied with website themes.
• Stock Images: free stock images.
• Search the Web: images from the web.
5. Browse and select the desired image.
6. Click OK in the Select Image popup.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
The address bar icon will appear in the browser title bar and against bookmarks.
Article by: Lee Prazner