How to reference the assets path in css?
Can I still use style.css.liquid?
Not sure how to create the link tag.
Tried various paths and using a .liquid extension to be able to use filters.
Here is the working demo with dawn theme.
I have create a file name test.css.liquid and add it theme.liquid using {{stylesheet_tag}}
After it I have upload a image and add it to div background using liquid code into test.css.liquid.
and it works well, here is the frontend snapshot.
I hope this helps you.
Related
I'm trying to recreate the attached image below inside of a custom html field on my website using HTML code only . Can you share advice on where is best practice to place this custom code too please (e.g.inside the liquid.theme or should I create a custom HTML field in the content editor)? Thank you kindly for guidance beautiful people!
Where exactly are you trying to add the image? (Product page, home page, etc.)
First you need to upload the image to Shopify in Settings -> Files and copy the url. Then add the url to the image tag <img src="your-image-url.png" alt=""> and finally place that line of code in your template file.
Something else you can do if you are familiar with Sketch/Adobe software, is create the image in one of those programs and export the SVG code. Then use that code in your template file.
I'm trying to add a link to a button in Shopify, but I can't get it to work.
I created a new template file in Templates called "page.alternate.liquid"
Then I try to link to it from header using this:
LINK
The output doesn't add any link at all, just a regular text.
To view an alternate template, you have two options:
1) On the resource in question, choose the template that the resource should default to using the selector on the right-hand side.
(Note: this only shows if you have at least 1 appropriate alternate theme in the live theme, and will only list the alternate templates in the currently-live theme)
2) When linking to the resource, add view=<template-suffix> to the querystring of the link.
Example: To link to an alternate page template templates/page.inverted_colours.liquid, your link URL would be /pages/about-us?view=inverted_colours
In your case in the question, that would look something like LINK
This article on Shopify partners blog might help as well: https://www.shopify.ca/partners/blog/shopify-alternate-templates
Hope this helps!
I try to learn Vuepress and I need to know how to add image to document.
I tried code from documentation on vuepress  and can't see nothing
Code I tried to use in frontend.md and is really simple
# Title
Here is result of that code
It's recommended that you reference any asset using relative URLs. You can move your images into the content folder:
content
frontend.md
assets
images
image.jpg
Then reference using relative URL in frontend.md:
I need the javascript tracking code to appear before the closing tag after the app installation
Is there any way to add a custom js code via API or something
To add tracking code to the head you need to edit the Panels/HTMLHead.html file.
To edit this file go to
{store_url}/admin/designmode.php?ToDo=editFile&File=Panels/HTMLHead.html&f=a
Hope that helps
I am working on a project which includes a content slider (images, videos, captions) and we use Sitefinity 5.1. I've been playing with Fotorama and now want to add my content to the site. Has anyone here done that and can give me some guidance?
This is what you could do:
Create a Dynamic Module with fields: Title (Short Text), Description (Long Text), Image (Media Picker). If you need other video's than the builtin Sitefinity video's, use another text field for storing the url to that video.
Add some content :)
Create or change the template that the Module Builder created for you so that the Fotorama Javascript and CSS files are loaded correctly. Make sure the markup of the generated template matches the basics of the Fotorama requirements.
Hope this helps you to get started?
Daniel.