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:
Related
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.
I am updating a project to TYPO3 11 and encountered the following problem:
The project uses v:page.resources.fal to retrieve images from other pages to be presented as teaser images. The image path gets rendered as /path/to/file.jpg.
Then using v:media.exists to check if an image exists, and when not, display a generic placeholder image.
Contrary to TYPO3 10, in 11 v:media.exists requires this path to be provided without a prepending slash: path/to/file.jpg. Breaking existing modules using this feature. (Absolute paths are also not accepted).
Is there an elegant way to remove a prepending slash without having to write a custom viewhelper?
So the real question to my problem was "how do I check if a corresponding page has an image in resources".
Turns out, using VHS I can simply check the ID of the page, and see if there is a media count above 0:
<f:if condition="{v:page.info(pageUid: '{uid}', field: 'media')} > 0">
<f:then>
Show Image
</f:then>
<f:else>
Show Fallback
</f:else>
</f:if>
This circumvents my need for v:media.exists altogether.
I recommend to use a dataprocessor for that.
Here you can find a solution for Files (Images).
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Fluidtemplate/DataProcessing/FilesProcessor.html
In one control I try to display images using JavaScript. Everything is fine as long as I am in the URL controller
https://localhost:44300/Campaigns
But when I refer to the index, the images are not displayed, even though I am on the same page or after the Redirect ("Index").
https://localhost:44300/Campaigns/index
The root address does not seem to be working properly
This is my image address when it works properly in Campaigns
https://localhost:44300/uploads/f09ef469-0893-4089-8491-78707d097b0e.jpg
This is my image address when it does not work properly in Campaigns/Index
https://localhost:44300/Campaigns/uploads/f09ef469-0893-4089-8491-78707d097b0e.jpg
The CSS and js address images in the layout work well, and I used UseStaticFiles() in the Configure.
It is because you are referring to the images with a URL that is relative to your current page. You need to use a URL that is relative to your site root. You can change this by prefixing the URL with / where you are constructing them.
Eg instead of something like
uploads/f09ef469-0893-4089-8491-78707d097b0e.jpg
Use
/uploads/f09ef469-0893-4089-8491-78707d097b0e.jpg
I'm using Next.js with Polaris (from following their guide here). Using Link component imported from either Polaris or Next.js is not updating the url in the embedded app.
While the url path doesn't change, the view does change correctly (i.e. the component for the new path does render). Same result with breadcrumbs and url prop for ResourceList.
Is this expected behavior?
Ended up figuring this out after many variations of trying to make links work correctly.
Answer: no, that's not expected behavior and links should change url path for Shopify embedded apps.
For Polaris, in order to make links change the URL you will need to install this library (#shopify/react-shopify-app-route-propagator). There is enough instructions on the page to figure out how to install it.
Important note on library usage: AppProvider had to be in the parent component for this.context.polaris.appBridge to work correctly. All the logic for context needed to be in a child component. This issue might've been unique to just my case, but maybe not.
I have a website that is running on Typo3 CMS, this was all setup by our developer, problem is he doesn't work for us anymore, all I want to do is change the url of our company logo located at the header section, I have basic knowledge of HTML and CSS, I manage to move things around in the backend, but I don't know how to change the url of our logo.
It's possible that your developer has set it in:
Typoscript (e.g. PAGE TS)
template-File (index.html in /filedmin or fileadmin/templates)
As Content Element (at the top of the Tree)
CSS
A Mix of all of the Possibilities...
Perhaps a solution:
Type the current url of the Image in the Searchbox at Top of Backend.
Another Way to find out is via Firebug (Firefox).