Recently started work on a BigCommerce project and on the homepage I want to have a theme area where normal site admin users can upload their own images based on holidays (Xmas, halloween etc) in the theme editor.
I know how to add in some custom elements in the theme editor using the Schema and Config files (headings, text, font colours etc), and how to reference them in the homepage. I'm also fine with referencing set images in the assets folder which aren't going to change, and manually coding references to them.
However I can't quite seem to work out how to add a custom image upload to the theme editor, or how to reference it in a page. Can't seem to find any answers in the Stencil documentation or usual Google searches etc either.
The Stencil Theme Editor currently only supports the file upload data type in the Optimized One-Page Checkout customization settings, but there are a couple of possible workarounds to allow the user to upload their custom background image and then reference it in Theme Editor settings:
One option would be to have the user upload their image to WebDAV, making sure that their image followed a naming convention that you specified. For example, the Halloween image could be required to have the file name halloween.png. You could map that value to a Theme Editor dropdown setting for Holiday Background>Halloween.
Another solution might be to have the user upload their image to WebDAV as mentioned above, but instead of a dropdown menu, you could have the user type their file's name into a text input setting in the Theme Editor. Keep in mind though that there's a 64 character limit for input values.
Hope this helps!
There are 4 ways to get images into the BigCommerce store.
You can:
Upload into the content folder through webdav. Then the images would be referenced like url.com/content/image.jpg. This does require a webdav connection and while everything does point you to using file managers like cyberduck, you can actually map a drive to a network resource to make this super easy. This mean you can create a z drive that is actually your bigcommerce content upload through webdav. It's pretty easy to set up and for customers to use. The drawback is that these files do not get put on a CDN so there's a little loss of performance.
Upload into the theme's images folders. This is complex and would require your client to figure out the stencil local dev connection and push versions up to their store. This would allow the images to be CDN'd but is super complex and your clients won't figure it out... It could also expose you to some long-term version control issues as they may be overwriting you or vice versa.
You can use the media manager to upload images. If you're referring to them in code, an easy trick is when your clients want to replace an image, to delete it and upload a new one with the exact same name... then the reference doesn't break. This is the easiest way to deal with site-wide issues from the client-side. Images are CDN'd this way as well.
You can consider using the marketing banner function for semi-temporary marketing messages. This is what it is made for, the images will be CDN'd and it's full GUI with no techy connections for your clients to figure out. This is perfect for banners that span a single page, but I don't think there is currently a side-wide setting for locations.
Related
I'd like to be able to generate my own thumbnails for some image files with custom extensions (say, a .canon file that is really a TIFF), so that Finder would use them.
I don't want to change the file contents (nor am I interested in the embedded tiff thumbnail).
Creating the thumbnail from the file's contents would be easy, the tricky part is integration. Does anyone know if it's possible?
The custom extensions won't be associated to any/other app.
I've done a lot of iOS development but know very little about OS X components.
If it's not possible to use Finder at all, is it at least possible to store the thumbnails in resource forks and have them used by, say, a custom filesystem browser?
File thumbnails, as well as full-size previews (which are displayed when you tap the space bar), can be generated dynamically by Quick Look plugins for any file type that they're registered for. The thumbnails do not need to be stored in the file, although you can certainly use pregenerated thumbnails if they're already in there.
For more information on Quick Look, please refer to Apple's Quick Look Programming Guide.
Our Redmine server has CKEditor, which allows for inserting images into Wiki pages, documents, etc.
The images are embedded into the pages via a direct link to the image, i.e. https://redmineserver/attachments/download/94/someimage.png.
The only way we know of to update this image is to delete it then upload the new image. The problem is that the new image will be at a different directory, i.e. https://redmineserver/attachments/download/89/someimage.png, thus breaking all our previous links to https://redmineserver/attachments/download/94/someimage.png.
There is an extension called CKFinder which will fixes this, but we're looking for a free alternative (without coding our own plugin).
Does anybody know of another plugin to update images without breaking their references?
sorry for the inconvenience, i am trying to build an app that helps autistic children communicate by pressing buttons (with pictures) and having them read. That works fine. The issue is about the menu - i want to make it possible for users to upload images via TinyDB (or at least paths to images that should be accessed). I've found tutorials about how to take a picture with the camera and store it on the SD or load such from the ImagePicker, but how could i make it possible for these images to be shown in the app any time it's on?
Do the tutorials to learn the basics of App Inventor!
In TinyDB you only can store text, which means, you store the path to your images there. For easier handling, you could store the paths to the images in a list and the list in one tag in TinyDB. To display the images, you could take a look at this snippet. You also can download the example project there.
I am pretty new to Magento and I had a quick question.
I am struggling to understand how I can upload an image straight from my desktop to my website via the Magento backend without adding it to my FTP client first, and it still show up on other peoples computers when they access the website?
To elaborate on this, in the backend location System/Configuration/GENERAL/Design/HTML Head/Favicon Icon, to add the Favicon Icon you simply search your desktop for the image you want, were with other images, I have to add them to my FTP client first. Why is this and what happens if I were to delete the chosen Favicon Icon off my desktop, would the image still appear on my website?
Thanks
Short (only?) answer: Magento is fairly inconsistent when it comes to administering these specific files. Some options (favicon, email logo, logos for PDFs) can be uploaded directly via form input in System Configuration. Others (such as header logo) cannot.
If I were forced to explain the logic (though I'm not sure it's intentional): favicon, email logos, and PDF logo image assets are not subject to theme design factors such as element layout and CSS. Whereas this is the case though I would think that Magento would not provide the option to change the path for the header logo.
Plone 4.1.
What would be the easiest way to make TinyMCE image picker dialog point to a site default folder (/image-bank) instead of current folder?
This + folder display as album would provide a rudimentary image bank support for Plone easily.
I'd hope to achieve this feature for
All Plone out of the box content types (ATContentTypes)
My custom AT content types
MY custom Dexterity content types
Portlet editor WYSIWYG (is it zope.formlib?)
If it's difficult to edit Python code all over the places, it's accetable just to a Javascript snippet patching TinyMCE settings on the client side.
Mikko: What a coincidence. I'm just trying to achieve the same thing. I managed to create a more specific adapter than `Products/TinyMCE/adapters/Upload/Upload`.
This new adapter changes the upload folder (by setting self.context) to the central-images-folder and then updates radio button listing (and image preview) with the central-folder images (and just uploaded image). This is done by defining an uploadOk method inside the new adapter.
However, to change the initial folder, I think the only way is to customize ploneimage.html.pt or ploneimage.js inside the skins/tinymce/plugins/ploneimage folder. But changing any of these two large files (which might change in the future), could make new releases of TinyMCE not to work with your changes. So you will be forced to re-customize them again.
My idea (which I already emailed this morning to Four Digits) is to provide this feature with TinyMCE out-of-the-box, via a configuration option. This way the package files would be always aware of this feature and future changes won't harm this new functionality.