## Theme Settings

## Wpbingo Colors

Many color settings in Reach are customizable, with clear self-explanatory names in the settings. Click on a swatch to edit the colors. A popup with a color selector will appear, which allows you to adjust and experiment with custom colors.

Color select box

The label on the right signifies "transparent", while the box to the left represents the color you've selected. You can also enter a specific color hex code in the bottom right corner if you wish (e.g. #ff4000). This is handy for matching precise colors across your store. For instance, if you want to match your Text color primary, you could copy the hex code from the former and place it in the field for the latter. The below shows the list of colors you have recently used for your store.

## Wpbingo Typography

Our themes comes with a config of hand-picked fonts for your store. You can use google fonts or fonts that shopify supports. Font size can be set for your store by using range slider.

Our theme will use two fonts.

- Body text: Body text fonts
- Headings: Menu text fonts or sometimes use in our theme for heading.

To use a new font you need to follow the steps below.

##### 1. Use google fonts

Google Fonts make it easy to bring quality typography to your online store. All Google Fonts are open source. This means that you are free to use them in your Shopify store.

a. Choose a font and copy the link code

Visit Google Fonts.

Use the search and filter functions to find a font you want to use in your Shopify online store.

Click the plus button for each font style that you want.

Click (x) Families Selected at the bottom of the page to view the fonts you have selected.

Copy the href url in the Standard area by highlighting it and pressing ctrl + C on a PC or command + C on a Mac.

b. Add the link code to your theme

In a new browser tab, open your Shopify admin.

From your Shopify admin, go to Online Store > Themes.

Choose tab Theme settings and open panel Wpbingo Typography

Paste the code you copied from Google Fonts in input Google font URL

Enter the Google Fonts name in the textbox Fonts name

##### 2. Use shopify font

If you use font shopify. You just need to select 'Use shopify font' then choose the font you want to use

## Collection

##### Types of sidebars

##### Style view items

## Product Card

##### Types of hover products

##### Hover image styles

## Size Chart

You can choose to import size chart with image or html

## Sale Nofication

the collection contains products for display

Pages will display Sales Notice

Sales Notice display time

The information will be displayed on the sales notice

## Cart Page

##### Cart type

You can choose different types

Drawer:When adding to cart will display the sidebar located on the right. Display your shopping cart information

Modal:When adding to cart will display a popup containing your cart information

Page:When you add to cart the website will be redirected to your cart page

##### Free shipping

You can configure free shipping here Settings > Shipping and delivery

Then select Shipping and configure a minimum price to get free shipping

Note: That price should be equal to the price you enter here

free shipping congratulationsYou can toggle the effect when the total price a customer added to the cart is eligible for free shipping here

##### Gift wrap

You need to create a gift pack here Products > Gift cards > Add gift card product

You see it showing up on the cart and the cart page

##### Terms and conditions

Users need to accept your terms before they can choose to checkout

The content of your terms will be displayed here

In the cart drawer you can toggle order notes, Coupon, calculate shipping information

## Social Media

You can enter links to your social networking sites here

## Favicon

Import Favicon photo

## Newsletter Popup

Enter information Newsletter Popup

## Before you leave

Popup will be displayed when you open the web page without opening the tab for a certain time

## Language Currencies

To offer multiple currencies on your online store, you must first edit your store's currency format

,

## Checkout

Under the Checkout section of the theme editor, you can add custom banner images, logos, and backgrounds, as well as customize the fonts and colors used throughout the checkout process.

This is the default configuration of Shopify. You can read more here.