Adding a font selection with preview in debut theme

Tourist
5 0 1

New to Shopify and after testing several apps without finding a solution I thought I would give the community a try. I am wanting to create a drop down selection menu of fonts that can be previewed and a customer would have the option to select.

0 Likes
Shopify Staff
Shopify Staff
324 9 35

Hi, @TreasureYou 


Elle here from Shopify. I've moved your post from our Technical Q&A board to the Design board as you'll likely receive a better response here!

 

Cheers,
Elle

Elle | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Shopify Partner
1657 278 347

Hi @TreasureYou 

You can do like that for select box with font style preview 

<select>
  <option style="font-family: cursive;" value="cursive">Cursive</option>
</select>

Note: add your all font like that

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Tourist
5 0 1

Where would I put this code?

0 Likes
Shopify Partner
1657 278 347

You can add this select box where you want it. You have to add your font option that you want i have added just one for demo

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Tourist
5 0 1

menu.pngI was able to get the drop down! Thank you for your help with that part!!! Now I can't get the different fonts to show. I did a test run and this is what I got.

0 Likes
Highlighted
Shopify Partner
1657 278 347

As i told you have to add all font that you want in <option> as i have added one. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes