How do I modify the theme of my store?

byYouCandotshop Fr — 0

The store theme contains 7 rubrics:

1.      Theme settings

In this rubric you can change fonts settings, store theme colors and logo settings.

2.      Header/Footer settings

In this rubric you can adjust the top of your store page and the bottom of it (header & footer) in mobile and desktop.

3.      Product settings

In this rubric you can adjust the products visual settings: the products, the products characteristics, layout, and its styles.

4.      Checkout settings

In this rubric you can activate or deactivate: the one-page checkout or show coupon if you are proposing a promo code.

5.      Cart bottom banner

In this rubric you can add a photo that will be displayed in the cart bottom page (an advertisement of other products or a thank you phrase).

6.      Home page settings

In this rubric you can alter the slider, add, or edit sections shown in the home page settings.

7.      Sales notification

In this rubric you can modify settings of notification and its content.



  1. Theme settings contains : 


Font settings 




  1. Recommended fonts 

The platform recommends fonts for you according to the language selected.

  1. Menu section font

Here you select the menu’s font 

  1. Preview

This is a display of the selected font writing

  1. Body section font 

Here you select the body section font 

  1. Preview 

This is a display of the selected font writing



















Theme colors



  1. Primary 

This one allows you to change the color of: related products + add review bar + continue to shipping mode bar + apply bar + return to cart bar + pay bar + continue shopping bar.

  1. Light primary

*

  1. Dark primary

* 

  1. Secondary 

*

  1. Body background 

*

  1. Success 

This one allows you to change the color of the banner that comes out when an action is done successfully.

  1. Info 

This one allows you to change the color of the banner that comes out to inform you.

  1. Warning 

This one allows you to change the color of the banner that comes out to warn you about a susceptible danger.

  1. Danger 

This one allows you to change the color of the banner that comes out when you’re facing a danger.


*: Those ones work when the store owner wants to change the color of a specific thing on the store, the store owner contacts the support team to specify which things and which color he desires to choose.


Logo & Favicon


  1. Logo

Here you insert the logo of your store brand. (make sure you respect the size note)

  1. Favicon 

Here you insert the logo that shows off in the browsers displays (make sure you respect the size note).








2. Header footer settings: 


In this rubric you can modify the display of your store page header and footer in mobile and desktop:


  1. Mobile header

By clicking here you see the mobile header that you want to modify.

  1. Desktop header

By clicking here you see the desktop header that you want to modify.

  1. Footer 

By clicking here you see the footer that you want to modify.

  1. Desktop notice bar 

By clicking you see the desktop notice bar that you want to modify. 

  1. Mobile notice bar 

By clicking here you see the mobile notice bar that you want to modify.  




  1. Mobile header:


6. The mobile header 

Here you can manipulate the icons position : logo, search, user, cart and pages.

7. Drop unwanted items here

Here you drop unwanted items, therefore they’re deleted from the header.

8. Header background

Here you can change the header background’s color.

9. Header buttons color

Here you can change search, user, cart and pages icon’s color.

10. Header border

Here you can activate or deactivate the header’s border 

11. Header border color

Here you can change the header border color 


  1. Desktop header:

(Same as mobile header).








  1. Footer: 


From here you can modify your store page footer:

 


  1. Custom footer

After clicking on the switch, you can write something that will be displayed in the footer of your store page footer.

  1. Footer background 

Here you can change the color of the background’s footer.

  1. Footer text color

Here you can change the footer text color.

  1. Footer border 

Here you can activate or deactivate the footer border.

  1. Footer border color

Here you can change the color of the footer’s border. 


  1. Desktop notice bar: 


The notice bar is demonstrated in the image below (1):

 How to modify your notice bar desktop on your store: 


2. Text zone 

Here you can type what you want to display in the notice bar. 

3. Text color 

Here you can change the text color of the notice bar.

4. Background 

Here you can change the background color of the notice bar.

5. Above the header 

Here you can choose whether the notice bar be above the header or not.

6. Activate 

Here you can activate or deactivate the notice bar desktop.


  1. Mobile notice bar: 

(same as the desktop notice bar above).
Tags:

Post a Comment

إرسال تعليق

أحدث أقدم