124 comments found

hmoo82 Purchased

Hello, how do I include my own font in the theme? Thank you, Ray

Planetshine

Hey, do you want to include a google font or regular font files? The process is different for the two. In case of a google font you will have to add the font include script in layouts/theme.liquid. You will already find two of them there. Look for this:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Viga" type="text/css" />

Once that’s done just add the font where you want it in the CSS file – assets/main-stylesheet.css.liquid

.some-kind-of-class { font-family: 'Viga', sans-serif;  }

In case of regular font files you’ll have to upload them to assets folder and include using @font-face.

http://css-tricks.com/snippets/css/using-font-face/
Default-user
hmoo82 Purchased

Thanks a lot. Let me try and get back to you!

Hi,

I add some new words to my product description, but these words can’t be display normally in front page, they exceed the border.

You can find the screen-shot with this image-share url:http://www.image-share.com/ijpg-2640-256.html

I don’t know why this issue appears, pls help.

thanks very much!

Planetshine

Hey, have you made any modifications to the product page? Can you give me link to where this error happens on your live site?

Default-user

I didn’t do any modification, the page is http://www.securitybees.com/products/wall-clock-spy-hidden-camera,

pls check thanks

tapers Purchased

Hi, I cant get my slider image to display on the mobile version of the site. Is there something I should be doing to resolve it?

Default-user
tapers Purchased

thanks for that. Any way to to fix the height of the slider button? Seems too high in the mobile view.

Planetshine
Do you mean the “read more” link or the whole dark part with texts and everything? I would suggest removing the title part alltogether because it does not really look that well in mobile. You can try adding something like this:
.homepage-slider .item .title { display: none; }
.homepage-slider .blank-item img { max-width: 300px; height: auto; }
Default-user
tapers Purchased

Thanks, that did the trick. You guys are great.

hmoo82 Purchased

Hi, how do it create a toggle in description as in http://callisto-light.myshopify.com/products/basic-linen-foulard ? Thank you

Planetshine

Your welcome ;) (It’s perfectly ok to ask any kinds of questions)

Default-user
hmoo82 Purchased

I did try it and it works like magic! Thanks again. .. out of curiosity, can i change tab name? and Can I create more than two tabs? I try using more than one table, but it’s not working.

Planetshine
All of the tables should get squeezed in to the same tab. Creating more tabs will require pretty complex coding in Javascript. But you can change the name of tabs in templates/product.liquid. Look for this:
<a href="#"><span>Properties</span></a>
by
by
by
by
by
by