Mighty Image Uploader
Great Tool for Uploading Personal image files and photos
App Documentation
Setting up
A full guide on how to set up the application
Dashboard
A full guide on how to use the application dashboard
Download Orders
A full guide on how to use the application download orders
FAQ
Can I hide image links on checkout page?
Yes you are able to hide image links on checkout page. All you have to do is:
1. Turn on "hide custom uploader fields" under Extras within settings and save
Please remember:
we are not able to edit the checkout page, so any special customization is not possible
By hiding the image link on checkout page, Shopify also hide the image links and other product options on cart page as well from our app
Why can't I see images on cart page?
If custom properties are displayed in cart
Shopify 2.0 Theme: Turn on "display photo in cart option"
1. On the dashboard, if you have OS2.0 theme, you can go to very bottom of the settings
Here's the button for you to click on
When hover over the button, you will see a .gif file displaying how to add the app block
Once you clicked on it, it will take you to "customize shopify theme" screen and automatically turn on "display photo in cart"
2. If you don't see that, you can also go to the bottom of the settings, hover over "customize app block in your theme"
Once you click on that, make sure "display photo in cart app" is on
Manually edit theme to display photo
* Remember that you need a little technical coding skills to find the file *
1. Go to "edit code" section in Shopify theme
online store => theme => live theme => action => edit theme
2. Search for "cart" in the theme file section
Usually you are looking for:
cart-template.liquid
cart-item or any names related to that
3. Search for "properties" inside liquid file
You are search for a "for loop" where cart-item is displaying the properties
4. Find this code block
{%- else -%}
{{ property.last }}
{%- endif -%}
5. Replace with that
{% elsif property.last contains 'digitaloceanspaces'%}
<a href="{{ property.last }}" target="_blank" style="border-bottom: none">
<img src="{{property.last}}" style="max-width: 50px;"/>
</a>
{% else %}
{{ property.last }}
{%- endif -%}
* special note that if the original code is {{ property.last }}, you need to make sure it's all {{ property.last }} instead of {{ p.last }}. *
Check the spelling of property variable here:
If custom properties are not displayed in cart
1. Go to the cart page
2. Right click -> inspect
3. Click on the arrow on rectangle icon next to console tab
4. Hover over the product info box + click on it
5. After clicked on #4, you should see highlighted section, in this case it's div with class="pro-title name"
Remember the class name in class="pro-title name", you will need this to find the section of code next
Copy the item properties code to display in cart
6. Go to "edit code" in Shopify theme
7. Search "cart" on top left to see possible files with "cart" in its name
8. On the .liquid file, (in this case cart-template.liquid), on the right INSIDE the file, do a search for pro-title name (from step #5)
9. Towards the close div, paste in this section of code towards the end of div containing class="(name you searched for)"
* Make sure other areas have item.(field) *
In this case, you look for the item.url, item.product.title, etc
If it doesn't have "item.", then you need to make sure item variable matches whatever cart is using
{%- for property in item.properties -%}
{%- assign property_first_char = property.first | slice: 0 -%}
{%- if property.last != blank and property_first_char != '_' -%}
<div class="product-option">
<dt>{{ property.first }}: </dt>
<dd>
{%- if property.last contains '/uploads/' -%}
<a href="{{ property.last }}" class="link" target="_blank">
{{ property.last | split: '/' | last }}
</a>
{%- else -%}
{{ property.last }}
{%- endif -%}
</dd>
</div>
{%- endif -%}
{%- endfor -%}
Why are download orders not working?
Once order is not downloading, it is likely ONE of the orders has some issues such as:
product title of order's name has some issue with conversion
too many orders downloaded at once
Why can I not see the images on the download orders?
1. Maybe you forgot to make the picture upload required
Check for the settings and see if you have "upload required" turned on
How to check product page setting:
right click on your product page that was supposed to display, click inspect
if setting is working, you should see 'cs' -> object on the console
click on cs > object to get the setting details
check whether you have upload required on
Object -> uploadConfig -> uploadRequired: true or false ?
if uploadRequired is false, you can set the settings to true under "upload configurations" in settings
2. Check if the actual "add to cart" button adds image links
Go to your product page
click "add to cart" button, make sure there's an error message, if not set the settings to true under "upload required" in settings
upload image, then click "add to cart" and "checkout" buttons
See if images show up on the checkout link
if not, then it tells us either other Shopify app is customizing add to cart button to mess it up or Shopify theme itself does not add in custom properties
Can I render app into other languages?
Currently only one language store is supported by our app. If there are different languages, our app cannot be translated into another language. We will add this feature request to our road map
Questions?
Contact support@littlebesidesme.com to get more information on the project