Theme Settings

Theme Settings

The Theme Settings allows merchants to customize various aspects of the Dropsmart Theme, such as the primary and secondary colors, social media links, favicon, currency format, and checkout design. The settings are organized into tabs for easy navigation, and merchants can use color pickers, image pickers, checkboxes, and select dropdowns to make their desired changes. The Custom CSS tab also allows more advanced users to insert custom CSS code for even greater customization.


Colors

  • Primary Color: [color picker input]
  • Secondary Color: [color picker input]


Social Media

  • Twitter: [text field]
  • Pinterest: [text field]
  • Facebook: [text field]
  • Instagram: [text field]
  • TikTok: [text field]
  • Tumblr: [text field]
  • Snapchat: [text field]
  • Youtube: [text field]
  • Vimeo: [text field]


Favicon

  • Upload Favicon: [image picker]

Currency Format

  • Display Currency Code: [checkbox]

Checkout

  • Banner Image: [image picker]
  • Logo Image: [image picker]
  • Background Image: [image picker]
  • Logo Position: [select]
  • Logo Size: [select]
  • Form Field Color: [select]
  • Heading Text Font: [select]
  • Body Text Font: [select]
  • Button Color: [color picker]
  • Button Text Color: [color picker]
  • Button Background Color: [color picker]


Custom CSS

  • Custom CSS Code: [text area]
Back to blog