How to Edit your Eshop

Modified on Wed, 4 Jan, 2023 at 10:31 AM

When it comes to styling your e-shop site you have 3 options:



Use our template and edit it


You can download the template attached to this page (EShopSettings.xml) and import it to Admin > Eshop > Alter Layout

  1. Click on Choose a File at the bottom of the window
  2. Select the EShopSettings.xml
  3. Click on Import Settings.

After you import the XML file you can change all the information referring to Demo Liquor and make it your own. 


Branding

  1. Shop Name

    Enter the name of your store in the Shop Name text box. This will also show as a title of a browser window or tab. The image below will show you with a red underline where you can see it on your eshop.


  2. Shop description

    The Shop description will be the content of your open graph description. This is usually a one or two-sentence description of your store.

    You can get more information about open graph here: https://ogp.me/

  3. You can upload your logo by clicking Upload New and selecting your logo here.


    Recommended image size is 123px by 48px
  4. Shop small plate logo

    You can upload an smaller version of your logo by clicking Upload New and selecting your small version of the logo here.
  5. Branding height
    You can set the height of your logo here. By default, it is set to 3rem but you can change it to your liking.

  6. Show branding with: these options allows you to change what will show as your brand.
    1. Will show the logo you uploaded in C.
    2.  will show the logo you uploaded in D
    3. this will display your Shop Name instead of pictures
    4. this will display your logo and the shop name.
    5. Select this if you want to show the smaller version of your logo and the shop name
    6. And this if you want to disable it.

  7. These 2 options will allow you to change the branding font
  8. Brand Colors: this will allow you to change or modify your font color
     

Have your graphic designer "paint us a picture"

You can have a third party designer send us how you want your eshop to look like and we can implement the design.


Use a coder to create a style from scratch


This is the option for those that want ultimate control. You need to know HTML and CSS to make these changes.


Go to Admin > Eshop > Alter Layout


Look for the Advanced Section where your coder can use CSS and HTML to customize the design of your EShop.

  • The Custom Stylesheet box will let you add your customized CSS 
  • Catalog Top Html will let you add your own catalog/ hero container by using tags like <div><section> and the like
  • Landing Page Middle will let you add another section for you in the middle of the page. Like the Catalog Top Html, you can also add your own tags here.
  • Additional Header Html can add additional objects to your header.
  • Additional Footer Html is the same as Additional Header Html but down at the footer section

 


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article