Skip to content

Add Product Image Display Support in Receiving and Sales Views #4292

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

sahand009
Copy link

This PR enhances the visual experience of OpenSourcePOS by adding product image display functionality across receiving and sales interfaces. Key changes include:

  • Add product image column in receiving and sales receipt views
  • Implement image display logic for items in cart and receipts
  • Add default "no image" placeholder for items without images
  • Update table layouts to accommodate image display
  • Maintain consistent image sizing and styling across views

Technical Details:

  • Added image column with fixed width (15%) in receiving and sales tables
  • Implemented fallback to 'no-img.png' for items without images
  • Standardized image display size (max 40px height/width)
  • Preserved existing table structure and responsive behavior

Testing:

  • Verified image display in receiving view
  • Confirmed image display in sales receipt
  • Tested fallback behavior for items without images
  • Validated responsive layout on different screen sizes

This enhancement improves product identification and verification during transactions while maintaining the system's performance and usability.

@jekkos jekkos requested review from objecttothis July 26, 2025 21:03
- Fixed black line alignment problem where total columns extended beyond borders
- Added dynamic colspan calculation to handle avatar column visibility
- Updated all colspan values from hardcoded '3' to dynamic ''
- Ensured proper alignment regardless of avatar column show/hide state
- Standardized border styling from '#000000' to 'black' for consistency
- Added Turnstile configuration options in Config.php and Login.php.
- Implemented database migration to add Turnstile keys.
@@ -23,18 +23,75 @@

<?php if (ENVIRONMENT == 'development' || get_cookie('debug') == 'true' || $request->getGet('debug') == 'true') : ?>
<!-- inject:debug:css -->
<link rel="stylesheet" href="resources/css/jquery-ui-fe010342cb.css">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should be omitted from the PR

database.default.password = 'pointofsale'
database.default.database = 'osposs'
database.default.username = 'root'
database.default.password = 'root'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These changes can be reverted

}

$image = '';
if (!empty($item->pic_filename)) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

seems indentation is not completely correct here.


if (sizeof($images) < 2 && !file_exists($thumb_path)) {
{
helper('file');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would like to check these improvements, currently the thumbnail does not seem to be working

@jekkos
Copy link
Member

jekkos commented Aug 1, 2025

Thanks for this PR! looks like a nice addition, I'll try to install it on dev so I can try it out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants