Shopify App - View PDFs Directly on Product Page
dev-segal / productvibes Goto Github PK
View Code? Open in Web Editor NEWHome Page: productvibes.vercel.app
License: MIT License
Home Page: productvibes.vercel.app
License: MIT License
Example: empty state instructions
see example: gid://shopify/Product/6855294189628
(second product when resource is filtered by Products)
Examples include uploading a new file and choosing an existing file.
Include Files in Email Notifications
Currently, attaching files to emails needs to be integrated manually.
You can follow our guide (see below) or reach out to [email protected] (or +1 347-350-4351).
We'll provide a free-of-charge developer assisted session to get your store integrated.
If you want to do it yourself, please note some Liquid programming experience will be necessary.
STEP 1.
STEP 2.
To attach a file linked to a product, you need to access our liquid objects.
Having issues integrating your files?
We can provide free-of-charge assistance integrating email flows with your documents.
Call support
This is a tricky bug - needs an equally clever workaround.
examples: popups
Support
We offer several options for support.
You can always email us [email protected]
We're also available for immediate attention via our phone (718-415-2830) or our live chat - see the bottom right side of your screen.
We'll always follow up with you if we can't answer right away, but generally a phone call is the most reliable way to get our attention.
Need help?
Get the support you need - fast. We're here for you.
Call support
Long filenames can ruin the user interface and experience.
Because the resource page assumes all data we are dependent on is filtered correctly (and all responses are 200), we use undefined information when it is not applicable.
Suggested fixes: Ensure values are valid when pre-processing, and ensure values are valid when pulling from meta field definitions.
STS (suggested time to spend): 1-2 hours validating meta field definitions (when pulling), and another 2-3 hours verifying all information through the process gets submitted correctly (null values/undefined)
If we want to connect a logo to a single attachment (so it shows up on the vertical table view for example), we'd want to do that.
Currently, navigating through resources that have attachments is very limited.
Merchants can only filter by resource, then they need to navigate through using pages.
One way to solve this problem would be to introduce a Shopify action but some merchants might still have issues with this flow (if everything is available in the app, it's best for the experience)
STS: 1 hour
Pressing View QR code on the resource page should bring up the QR code related to the currently selected attachment's URL.
Sometimes it does, sometimes it doesn't (could be related to the stateful management of that data..)
For example, if I press the "Upload file" action, I should see the results of my actions by navigating to that resource page.
Since Google's PDF viewer - in many cases - responds with 0 bytes (in an HTTP 204 response), it's best to stop waiting and use a tool like PDF.js instead.
My hesitation lies in the mobile friendly nature of Google's PDF viewer and the friendli-less nature of PDF.js
Regardless, something has to be done and migration seems necessary.
Current copy:
Get QR Codes
All QR codes are generated dynamically as soon as you connect files to store resources (like a product or variant)
Once that's done, you can go to the attachments tab and search for that resource.
After it's selected, the page for that resource will show a list of files with corresponding actions.
One of those actions is labeled "View QR Code."
By pressing that button, you can view the QR code for a specific file and download it.
Having issues finding your QR codes?
We'll help you find them - you can email or call us.
Call support
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.