• blog
  • Magento 2 Guide: Design Configuration Settings

October 7,2021

Magento 2 Guide: Design Configuration Settings

byAvatar Tim

This is a set of website configuration not found with the rest, it might seem like a lot less than the main website configuration, but this has a lot of elements in there that are important to the website.

We’ll look through what this can do. Firstly, to get to this, you need to go to Content > Design > Configuration.

In here you will see the theme(s) that your website. You can have differents themes by scope, meaning that the different websites you have within this installation of Magento, can have different designs.

To make changes to a particular website/theme, click edit. In here you will see:

Theme

This is the theme used on the front end of the website. This where the design theme of the website is set. The dropdown will let you change the theme.

Design rule

Set a different theme for specific user agents/browsers. If you need to set up a custom design for specific browsers – think older, discontinued browsers – this can set this up to help with compatibility.

Need help with Magento?

We are experts in Magento, with experienced designers, developers & marketers. If you need a hand, get in touch.

HTML head

This contains a number of important elements that are found in the head tags of the HTML:

  • Favicon: You can set the image here, you can use most popular image file types.
  • Default Page Title: This sets the default page title for the pages unless one is added. The page title is the title you see on the browser tab and the link you will see in search engines when your website appears.
  • Page Title Prefix: The prefix title is added before the page title to create a two- or three-part title.
  • Page Title Suffix: The suffix title is added after the page title.
  • Default Meta Descriptions: This is the description you will see in the search results when your website appears. This will be the default over on all pages unless one is set for the page.
  • Default Meta Keywords: A series of keywords that describe your store, each separated by a comma.
  • Scripts & Style Sheets: This is where you can add code to the header, this is normally used for adding sitewide scripts like Google Tag Manager or Hotjar. [Find out more about adding tracking scripts].
  • Display Demo Store Notice: This lets you set a notice on the website to let people who find it that it is not a functioning store. This will normally only be used when it is being developed.

Header

This is where the logos of the website are set, you can add the:

  • Favicon: The little logo you will see on the tab.
  • Welcome Text: This is the welcome message which appears in the header of the page and includes the customer’s name if they are logged in.
  • Logo Image Alt: This lets you set the alt tag of the logo.

Footer

This lets you add elements that are found in the footer code of the website:

  • Miscellaneous HTML: If you have any tracking code you need to add to the footer of the website, this will add it just before the closing body tag.
  • Copyright: This is where you add the copyright message in the footer of the website.

Search Engine Robots

This lets you set the instructions for robots that wull scan the website:

  • Default Robots: This lets you set whether you want the website to Index your website and Follow the links you have on the website. If your website is live, thsi should read Index/Follow.
  • Edit Custom Instruction of robots.txt File: Here you can set the robots.txtfile. This allows you to set more detailed instructions for robots that crawl your website.

Pagination

Pagination lets you set the rules for where category pages have multiple pages of products:

  • Pagination Frame: This lets you set the number of pages you want to appear in the pagination control.
  • Pagination Frame Skip: If there are more pages than the frame position, it renders the link to current position plus/minus this value.
  • Anchor Text Next/Previous: This lets you set the text for the next/previous on pages. If left blank it uses the default arrows.

Need help with Magento?

We are experts in Magento, with experienced designers, developers & marketers. If you need a hand, get in touch.

Product Image Watermarks

Here you can set watermarks on the product images throughout the website, you can set these on the:

  • Base
  • Thumbnail
  • Small

Transactional Emails

This lets you set where the logo that appears in the default header templates:

  • Logo: Set the logo to appear on transactional emails.
  • Logo Image Alt: Set the alt text for the logo.
  • Header/Footer Emails: Choose the Header/Footer Template to be used for all transactional email messages.

We are a experienced Magento Agency, working with brands both large and small. If you need any help with your Magento Store, get in touch with us today!

Continue Reading

Data Analysis: Tips and Best Practices

Now that a vast majority of businesses are online, there are a range of different data sets that they can analyse. This is great! It means they can really take the time to understand how their business is doing, they can also learn more about their customers. However, this isn’t the easiest process if you … Continued

Avatar
Leanne July 23rd, 2024
Should you get your website redesigned?

Recognising whether your website needs a redesign involves assessing various crucial areas that impact its overall success, such as user experience, and more. From visual elements to technical aspects, every component contributes to the effectiveness of your online presence. To guide you through this process, we’ve compiled a comprehensive list to help you figure out … Continued

Isev Team
Isev Team June 4th, 2024
Key Practices for Enhanced Admin Security

Safeguarding your website’s admin area is crucial in today’s digital age, especially as despite the amount of online security available, there are just as many threats. Websites hold a wealth of sensitive information and the admin area of a website is a prime target for cyber threats, such as data breaches and unauthorised access. This … Continued

Isev Team
Isev Team May 22nd, 2024
Why you need to upgrade Magento

Upgrading Magento offers a wealth of benefits, yet many businesses remain reluctant to take the leap. Despite the compelling advantages, the process of upgrading can be perceived as complex and resource-intensive – and while this can be true, the benefits and safety that comes with upgrading should be enough cause to get businesses to capitalise … Continued

Avatar
Leanne May 17th, 2024