Add an ability to assign images to custom options

[dmitrii-fediuk]

Customer:

I have one more goal we want to achieve
But I wanted to ask for advice
For greeting cards, at the moment, as a customizable option with a drop down
Visitor cannot view designs
Is there anyway to add product designs with names to a drop down
Or is better to put a link
Eg. Greeting cards (see options)
And hyperlink see options to:
https://www.sayitwithagift.com/stationery-business/greeting-cards.html

And have that open as a separate page?
The link place beside the customizable option title of greeting card
Or if you have any ideas we can consider too

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_9b79af96b8717319fcb12564c1de6412

[dmitrii-fediuk]

Me:

I recommend to implement the «Greeting Card» option (and even the «Gift Wrap» option) with images instead of the current textual dropdowns.
I have already implemented a similar solution in 2 projects:

https://www.albumenvy.com/thephotobook-classic.html

https://trionsolutions.qmigroupinc.store/nailhead-non-iron-shirt.html

Your case is not exactly the same, it is just examples.
You will have an ability to upload images for any custom options in the backend:

An option's price will be shown in frontend (near the option's image).
I can also implement the ability to enlarge these images via zoom or in a popup.
The options will still have textual titles, they will be shown near the images.

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_10229a3e449c16446663cbdd5142c3b1

[dmitrii-fediuk]

Customer:

It sounds really good
Can I check, for example we have quite a number of cards in the future
Will it show a carousel (maybe for example desktop 3 to 4 images then left and right arrow to shift) and maybe mobile view 1 to 2 images with arrows to shift?
Price will follow auto conversion in other stores?
If customer puts in shopping cart, it they can seen these details in shopping cart?
And if customer buys, the details will reflect into invoice and backend?
And when you click the image it can show as a popup, and double tap, it will zoom? Eg like https://www.sayitwithagift.com/stag-stemless-wine-glass.html when you click the product image

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_66f29649d7fbfc7f3a85997007154cb9

[dmitrii-fediuk]

Me:

1. "Will it show a carousel (maybe for example desktop 3 to 4 images then left and right arrow to shift) and maybe mobile view 1 to 2 images with arrows to shift?"

I recommend to use a «More...» AJAX link below the priority images instead of a carousel because a carousel is a more complex control (it has 2 arrows: at the right and left sides, and an animation) and a «More...» link solves exactly the same problem simplier: with a single control.
But it is up to your to decide.

2. "Price will follow auto conversion in other stores?"
   Yes.

3. "If customer puts in shopping cart, it they can seen these details in shopping cart?"
   In my previous websites (I have mentioned before) the chosen options are shown as a text in the customer's cart:
   
   It is the same as your website currently works.

4. "And if customer buys, the details will reflect into invoice and backend?"
   The chosen options will be shown as a text in the invoice and the backend.
   It is the same as your website currently works.
   If you want to show the chosen options images on the invoice and on the backend order view, it will cost extra $100 for each screen, but there are a lot of such screens:
   4.1) Backend order view.
   4.2) Frontend order view (in the customer's account)
   4.3) Order confirmation email
   4.4) PDF invoice
   4.5) Backend invoice view
   4.6) Frontend invoice view |(a separate tab near the frontend order view).

5. "And when you click the image it can show as a popup, and double tap, it will zoom?"
   Yes

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_141663c566fbebd2c5896b109ec39622

[dmitrii-fediuk]

Client:

The more link will add more image with text as you go and extend the page?
Mobile view will be automatically optimized as our theme is mobile optimized?
Images will appear square as per our images?

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_3935be5692487840520cd6a7e8512a4e

[dmitrii-fediuk]

Me:

Yes.

upwork.com/messages/rooms/room_054b752a0b1ebd98f3b774562c864ebf/story_db78998d54e5fbfa324b78a3a3a46767