How to show a manageable list of images on a post?

Screenshot of edit screen http://www.sitekick.com/static/img/193593.jpg

I am working on something that uses images in a very similar fashion. As mentioned, you will need to implement custom meta boxes for your ‘product’ post type to create an image field. I use the CMB2 framework to build out the meta boxes. It provides several field types, one of which is file_list.

File_list allows you to set multiple images via the native media manager. You sort by dragging the thumbnails in the desired order; delete with the red minus icon, and add more.(see screenshot)

On the frontend, I use get_post_meta to get the image data. In my case I build out a slider with the help of wp_prepare_attachment_for_js, but you could obviously use it in a widget or your theme.

Related Posts:

  1. How do I get gallery thumbnail URL and change the default thumbnail size?
  2. attachment.php code or tutorial
  3. Gallery thumbnails very small
  4. How can I add a single image from a gallery into the page header?
  5. WordPress Theme Preview Image
  6. The the_post_thumbnail without srcset?
  7. Get the first image from post content (eg.: hotlinked images)
  8. How to modify an image block in Gutenberg WordPress 5?
  9. How can I set image sizes and still have responsive images using the srcset attribute?
  10. Add default Backgrounds
  11. Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
  12. wp_get_attachment_image_attributes not working for me
  13. Specify image dimensions
  14. How to get gallery images?
  15. Featured Image in 4.4 should be larger on mobile device
  16. How to use the responsive images feature from WP 4.4 in your themes
  17. Confused about image sizing business in WordPress
  18. Unexpected width and srcset attributes for the_post_thumbnail();
  19. Having Problem On Getting WP Post Gallery Images URL
  20. Responsive class to all the images in the content
  21. How wordpress handle upload images and how to use them in the code
  22. Replace Home with image link inside custom header menu
  23. Featured Image Size
  24. How to set dimensions of the post thumbnails (featured images)
  25. Cannot get full thumbnail size using the_post_thumbnail
  26. How do I attach images to a post without inserting them?
  27. wp_get_attachment_image_src() width and height boolean
  28. using jQuery Cycle by Malsup with WordPress Page and Gallery
  29. How to float an image in Gutenberg
  30. A mystery 300px image size
  31. Custom Field returning Numerical Value for Image rather than URL
  32. How to provide support for [gallery] shortcode?
  33. Why an arugment is missing in wp_get_attachment_image_attributes?
  34. Reasons why all thumbnail sizes aren’t working
  35. How to make a local cache of mshots images
  36. How do I Add images uploaded in the post to a default custom field
  37. Change “Thumbnail”, “Medium” and “Large” image sizes using functions.php?
  38. image url relative path not working in css file
  39. Default image size not working
  40. Bootstrap card columns change images size
  41. WordPress Media Uploader in page template (On Front-end)
  42. Responsive Images – crop don’t seem to work
  43. How do I include pre-installed images in a theme?
  44. How to add custom meta box under Gallery Settings in the “Edit Gallery” popup
  45. Can I get the ID of an inserted / linked image?
  46. Add attachment for all images in post
  47. Changing Header Image Every N Minutes/Seconds
  48. Do not display post images on front page
  49. What is the meaning of WordPress’s recommended css classes and where are they applied?
  50. Custom image size vs CSS sizing
  51. Getting Different Size Of Attachment Images
  52. How can i link a custom post type thumbnail to intermediate size
  53. In creating a theme, how can i allow a user to change an image outside post/page content?
  54. Change Responsive Images Maximum Width of 1600px
  55. WordPress HTML5 Gallery Support – Convert HTML4 -> HTML5
  56. Change image size depending on page
  57. How to disable thumbnail filter for a specific template part or image size?
  58. How to obfuscate theme directory URLs
  59. Adding a gallery to my first theme
  60. Are seven additional image sizes are too many?
  61. Remove link on full-size images
  62. how to retrieve the image title for image Post Format
  63. WordPress creating images if uploaded image is greater than 960px on one side?
  64. How to fix WordPress images not showing up in local hosted XAMPP server?
  65. Change Image Sizes for Mobile Theme
  66. Stop WordPress from showing images on non post pages
  67. How to add cropped custom header image?
  68. Is there a way to serve different resolution images to different devices?
  69. How can I scale down the width of images in bulk that are embedded in posts throughout the site?
  70. Add image URL automatically to custom field?
  71. How can I remove image taxonomy pages from my theme and from Google?
  72. Dynamic Image Links Depending on Excerpt/’Single Post’ View
  73. Designing a custom archive.php inspired by the Autofocus theme
  74. ACF get_sub_field ALT TAG in the repeater doesn’t show
  75. Gallery functionality in custom theme
  76. WordPress Animation Adjustments
  77. theme directory fallback image outputs url and not the image
  78. Post Featured Image Custom Sizing?
  79. Image cropping isn’t working correctly when using Offload Media
  80. Lightbox not showing image caption
  81. How to add an image to a theme page template in code?
  82. Responsive Images with art direction
  83. Integrate video and iframe in a post type gallery
  84. Customizer Image-Picker Preview Not Working
  85. Uncaught Reference error in Retina.js
  86. Can’t upload images on new theme
  87. Images use & location, on new wordpress theme
  88. image sizes – finding and removing
  89. Adding a Class to an Getting From Post Content
  90. Create image with imagepng() (fails at header)
  91. Issue on Getting WP Gallery Items In cpt-single.php As Attachments
  92. How do I keep images in posts below a certain size without editing the post?
  93. Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
  94. the_post_thumbnail fetches wrong image
  95. Custom image size doesn’t work
  96. Retina ready for uploaded images which are cropped
  97. Is it possible to customize the layout of Gallery Shortcode?
  98. Add rel to all images in a post
  99. Isotope overlapping .items because of featured images – HELP! [closed]
  100. Custom Theme functions.php – Using add_settings_field and input type=”file” to set custom logo