• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Register
  • Login
Bagisto Forum

Bagisto

  • Register
  • Login
  • Search
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups

Bagisto product image broken after upload ?

Installing Bagisto
2
4
642
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O
    olivexy last edited by 17 May 2025, 02:23

    Hello,
    I have a fresh installation of Bagisto on my VPS production server,
    There is a huge problem in uploading images to any product. When uploading any image, it appears within the admin panel, but totally broken from the front end.
    When I check the source code, I found that all images are called from the cache dir, which is not exciting in the public folder or even in storage/app/public dir
    Everything is configured correctly, all folders have 755 permissions, and all files have 644 permissions
    Image cache has the default configuration, INTL and GD libraries installed

    # ----------- MAIN APP ROUTES -----------
        # Laravel front controller pattern
        location / {
            try_files $uri $uri/ /index.php?$query_string;
        }
        # ---- PHP Processing Block ----
        location ~ \.php$ {
            fastcgi_pass unix:/run/php/php8.3-fpm.sock;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
            include fastcgi_params;
        }
        # Deny access to .htaccess files
        location ~ /\.ht {
            deny all;
        }
        # Deny access to hidden files
        location ~ /\.(?!well-known).* {
            deny all;
        }
        # Deny access to sensitive Laravel files and directories
        location ~ ^/(app|bootstrap|config|database|resources|routes|tests|vendor)/ {
            deny all;
        }
        location ~* \.(js|css|pdf|html|swf)$ {
            expires 30d;
            add_header Cache-Control "public, no-transform";
        }
        # Laravel-specific static file handling
        location ~* \.(jpg|jpeg|png|gif|ico|svg|webp|mp4|webm)$ {
            expires 30d;
            add_header Cache-Control "public, no-transform";
        }
    

    The nginx configuration has no problem

    <img class="after:content-[' '] relative bg-zinc-100 transition-all duration-300 after:block after:pb-[calc(100%+9px)] group-hover:scale-105" index="11" width="291" height="300" alt="سترة OmniHeat Men's Solid Hooded Puffer Jacket-أزرق-أخضر-L" data-src="https://www.domain.com/cache/medium/product/11/dzEwjTPmDNVDIOZapbvCZI2kmOPjcu8GRZb1udkK.webp" id="image-52" style="display: none;" src="https://www.domain.com/cache/medium/product/11/dzEwjTPmDNVDIOZapbvCZI2kmOPjcu8GRZb1udkK.webp">
    

    This is how the front-end tags call the images

    APP_NAME=Olivexy
    APP_ENV=local
    APP_KEY=base64:Ujsw3kuUzBhmRnG/BRXExWA9Z6Vra2aDjfHuyswj0f0=
    APP_DEBUG=true
    APP_DEBUG_ALLOWED_IPS=
    APP_URL=https://www.domain.com
    APP_ADMIN_URL=system
    APP_TIMEZONE=Africa/Cairo
    
    APP_LOCALE=ar
    APP_FALLBACK_LOCALE=en
    APP_FAKER_LOCALE=en_US
    
    APP_CURRENCY=EGP
    
    APP_MAINTENANCE_DRIVER=file
    # APP_MAINTENANCE_STORE=database
    
    BCRYPT_ROUNDS=12
    
    LOG_CHANNEL=stack
    LOG_STACK=single
    LOG_DEPRECATIONS_CHANNEL=null
    LOG_LEVEL=debug
    
    DB_CONNECTION="mysql"
    DB_HOST="localhost"
    DB_PORT="3407"
    DB_DATABASE="cart"
    DB_USERNAME="bagiusr"
    DB_PASSWORD="123456"
    DB_PREFIX="ol_"
    
    SESSION_DRIVER=file
    SESSION_LIFETIME=120
    SESSION_ENCRYPT=false
    SESSION_PATH=/
    SESSION_DOMAIN=null
    
    BROADCAST_CONNECTION=log
    FILESYSTEM_DISK=public
    QUEUE_CONNECTION=sync
    
    CACHE_STORE=file
    CACHE_PREFIX=
    
    MEMCACHED_HOST=127.0.0.1
    
    REDIS_CLIENT=phpredis
    REDIS_HOST=127.0.0.1
    REDIS_PASSWORD=null
    REDIS_PORT=6379
    
    RESPONSE_CACHE_ENABLED=false
    
    MAIL_MAILER=smtp
    MAIL_HOST=smtp.mailtrap.io
    MAIL_PORT=2525
    MAIL_USERNAME=
    MAIL_PASSWORD=
    MAIL_ENCRYPTION=tls
    
    MAIL_FROM_ADDRESS=shop@example.com
    MAIL_FROM_NAME=Shop
    
    ADMIN_MAIL_ADDRESS=admin@example.com
    ADMIN_MAIL_NAME=Admin
    

    .env Nothing Fancy
    any help please ?

    1 Reply Last reply Reply Quote 0
    • Rishabh-Webkul
      Rishabh-Webkul last edited by 19 May 2025, 13:40

      Hello @olivexy

      Please try to run the below command in the root of your project.

      php artisan storage:link

      Then let us know is this issue is resolved or not.

      Warm Regards
      Team Bagisto

      O 1 Reply Last reply 20 May 2025, 01:11 Reply Quote 0
      • O
        olivexy @Rishabh-Webkul last edited by 20 May 2025, 01:11

        @Rishabh-Webkul said in Bagisto product image broken after upload ?:

        Hello @olivexy

        Please try to run the below command in the root of your project.

        php artisan storage:link

        Then let us know is this issue is resolved or not.

        Warm Regards
        Team Bagisto

        I did and it give error that storage link created before
        I removed old symlink and recreated again nothing still broken

        1 Reply Last reply Reply Quote 0
        • Rishabh-Webkul
          Rishabh-Webkul last edited by 21 May 2025, 05:15

          Hello @olivexy

          Can you please share us with the image of your broken image. This will help us to resolve your query.

          Warm Regards
          Team Bagisto

          1 Reply Last reply Reply Quote 0
          3 out of 4
          • First post
            3/4
            Last post