Theme Settings

Theme settings: 

You can use theme settings to make changes to your online store’s typography, colors , social media links, cart , Authentication pages, Account pages , buttons , Inputs , Compare button  , Gift card page ,  and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.

 

Color Scheme: 

From here, you can select the colors you want to use throughout the theme. You can create multiple unique color schemes and apply them to different sections throughout your online store.

Customize your color scheme:

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click Color schemes.
  4. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
  5. Click the color swatch for the content type color that you want to change.
  6. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
  7. Click Save.

Authentication Page: 

You can set logo banner image for all Account pages. Note – Only visible for desktop.

Customize your Authentication pages:

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click Authentication pages.
  4. Click on the change button to change the color scheme. By default color scheme 4 is applied for Authentication pages.
  5. By moving the range slider to change the Top/Bottom padding.
  6. Click Save.

Customize your Account pages:

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click Account pages.
  4. Click on the change button to change the color scheme. By default color scheme 1 is applied for Account pages and color scheme 4 is applied to sidebar sections. 
  5. By moving the range slider to change the Top/Bottom padding.
  6. Click Save.

Customize  Layout: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click Layout.
  4. By moving the range slider to choose between a page width of 1200px to 1600px. The default setting is 1410px.
  5. Optional: If you have a Grid layout, then use the Horizontal space and Vertical space range slider to add space between grid content. Adding horizontal space will add a maximum of 40px of space to your rows, whereas adding vertical space will add a maximum of 40px of space to your columns.
  6. By moving the range slider to change the Top/bottom corner radius. The default setting of Top/Bottom border radius is 20px. 
  7. Click Save.

Customize  General Settings:

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click General.
  4. In the Favicon image area, click Select image, and then do one of the following:
  5. To use an image that you have already uploaded to your Shopify admin, click an image to select it and then click Select.
  6. To use an image from your local computer, click Upload. Choose an image from your computer and click Open to start the upload. It will be automatically selected when the upload is finished. Click Select.
  7. To select a free image, click free images and search for a click an image to select it.
  8.  The recommended size for a Favicon is 32 x 32px.
  9. Select this checkbox to show/hide the currency code. Cart and checkout prices always show currency codes. Example: $1.00 USD.
  10. Select this checkbox to Enable/disable the back to top button. 
  11. Select this checkbox to Enable/disable the color swatches in Product card variants.
  12. Click Save.

Customize Typography: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click the settings icon, and then click Typography.
  4. For each type of text, click Change to use the font picker.
  5. Explore available fonts with the search fields or by clicking Load more.
  6. Click the name of the font you want to use, and then click Select.
  7. To change the default font size for body, use the Font size scale to select the default font size. The minimum font size is 100% and the maximum font size is 150% . Each increment of the scale increases the font size by 5%. The default setting is 100%.
  8. Click Save.

Buttons:

You can adjust the borders and thickness of some interactive content types, such as drawers, buttons, variants or quantity inputs.

Customize  Buttons: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Buttons.
  4. By moving the range slider to change the appearance of your button Border.
  5. By moving the range slider to change the Corner radius of your button. The default setting is 9px.
  6. Click Save.

Inputs:

Inputs are interactive areas that require customer input, for example a quantity selector, an email signup form, or cart notes. 

Customize Inputs: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Inputs
  4. By moving the range slider to change the appearance of your input Border.
  5. By moving the range slider to change the Corner radius of your input. The default setting is 9px.
  6. Click Save.

Cart:

You can change the style of the cart on your online store. When the customer’s cart is empty, you can display a featured collection on the cart drawer.

Customize  Cart:  

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Cart.
Setting   Description
Enable cart notes Select this checkbox to show/hide the cart note text field in the cart.
Color scheme A set of colors that you can apply to this section.
Enable vendor Displays the vendors of the products.
Enable free shipping message bar

Select this checkbox to enable/disable the shipping bar on the cart.

Note – This feature only works with a shipping method. If you’re using multiple shipping methods, it might show false values to the customers. Refer to Free shipping guide for more information on setting up the free shipping feature in Kidu.
Message

Type any relevant message to notify the users has reached the minimum shipping price. 

Note – Use ||amount|| to display the amount within the message.
Minimum shipping price

Type any price for providing free shipping to the customers. After reaching this price, the user will be shown a success message.

Note – Users must write a number, no letters or special characters.
Welcome message This is show the success message after the user has reached the minimum shipping price.
Related product slideshow settings Customize this section by using the settings on the right side of the theme editor, as described in the following table.
Title Enter any text to appear as the rotating text in the cart drawer.
Related collection Selecting this will show the related products setup from Search and discovery app.
Max products to show Adjust this range bar to select the number of products.
Auto-play slides Select this checkbox to enable/disable the “Auto-play slides” option in the slider. It keeps changing slides automatically on the storefront.
Show next/previous arrows

Select this checkbox to enable/disable the “Show next/previous arrows” option in the slider.

Note - Arrows will be visible only on desktop.
Change slides every

This settings will only work when the “Auto-play slides” option is enabled. And, it only provides a range of 2 to 9 seconds.

Note - This will only work if auto-play is enabled.

Customize  Compare: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Compare.
  4. Click the Color scheme.
  5. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
  6. Click the color swatch for the content type color that you want to change.
  7. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
  8. Click Save.

Customize  Gift: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Gift.
  4. Click the Color scheme.
  5. In the Schemes section, click an existing scheme or click Add scheme to add a new color scheme.
  6. Click the color swatch for the content type color that you want to change.
  7. To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.
  8. Click Save.

Customize  Social media: 

  1. From your shopify admin, go to Online Store > Themes
  2. Click Customize next to the theme that you want to customize.
  3. Click Theme settings > Social media.
  4. To add links to your social media accounts, enter the links to your accounts in the fields provided under Accounts. Enter full links, such as https://instragram.com/shopify , https://facebook.com/shopify .
  5. Click Save.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us