Step upgrade j3 to j4

$2y$10$ygBSBRhrai7Efrrkw3cMoehDuElSyzz9NENMj8w6kHJbUZ.q5dunG
-
Upgrade 3.10.12
Upgrade next
mod_unread

SELECT * FROM `jos_extensions` where name='PKG_JOOMLA' or name='atomic' or name='SimplePie' or name='beez5' or name='beez_20' or name='beez5' or name='beez_20' or extension_id='10316' or extension_id='10399'  or extension_id='10400'  or extension_id='10422'  or extension_id='10438';
Upgrade j4
Installs extensions
Import
-
DOCMAN:
    j3 upgrade
    Export
    Import
    Expire
    UPDATE  jos_docman_documents SET publish_on = NULL,unpublish_on = NULL,locked_on = NULL
-
JCALL:
SELECT * FROM `jos_categories` where extension='com_jcalpro'
Categorie rebuild
J3 db export all table 'insert only'
J4 db import
Location : AIzaSyBuKV59lhdpaPMM4AHGSXlyTJrBOCib3K4


ALTER TABLE `jos_jcalpro_events`  DROP `day`,  DROP `month`,  DROP `year`,  DROP `hour`,  DROP `minute`,  DROP `registration_start_day`,  DROP `registration_start_month`,  DROP `registration_start_year`,  DROP `registration_start_hour`,  DROP `registration_start_minute`,  DROP `registration_end_day`,  DROP `registration_end_month`,  DROP `registration_end_year`,  DROP `registration_end_hour`,  DROP `registration_end_minute`,  DROP `end_month`,  DROP `end_year`,  DROP `end_day`,  DROP `end_hour`,  DROP `end_minute`;
-
Visform:
Fields
Form
copy from j3 fix miss icon: media\jui
-
weblinks
Install extension by web
-
Move site
Create j3
Move j3
J4 move to public_html
J3 move to root (empty path)
Config 90, log path, search index, account

PHP version 7.x error CMSplugin::loadLanguage

Detail:PHP verison 7x., joomla error
Relate plugin/system/jsecure

Solution: change or remove plugin

Img zoom magnifier glass

 

 <style>
    * {
        box-sizing: border-box;
    }

    .img-magnifier-container {
        position: relative;
    }

    .img-magnifier-glass {
        position: absolute;
        border: 3px solid #000;
        border-radius: 50%;
        cursor: none;
        /*Set the size of the magnifier glass:*/
        width: 250px;
        height: 250px;
    }
</style>
<script>
    function magnify(imgID, zoom) {
        var img, glass, w, h, bw;
        img = document.getElementById(imgID);
        /*create magnifier glass:*/
        glass = document.createElement("DIV");
        glass.setAttribute("class", "img-magnifier-glass");
        /*insert magnifier glass:*/
        img.parentElement.insertBefore(glass, img);
        /*set background properties for the magnifier glass:*/
        glass.style.backgroundImage = "url('" + img.src + "')";
        glass.style.backgroundRepeat = "no-repeat";
        glass.style.backgroundSize = (img.width * zoom) + "px " + (img.height * zoom) + "px";
        bw = 3;
        w = glass.offsetWidth / 2;
        h = glass.offsetHeight / 2;
        /*execute a function when someone moves the magnifier glass over the image:*/
        glass.addEventListener("mousemove", moveMagnifier);
        img.addEventListener("mousemove", moveMagnifier);
        /*and also for touch screens:*/
        glass.addEventListener("touchmove", moveMagnifier);
        img.addEventListener("touchmove", moveMagnifier);

        function moveMagnifier(e) {
            var pos, x, y;
            /*prevent any other actions that may occur when moving over the image*/
            e.preventDefault();
            /*get the cursor's x and y positions:*/
            pos = getCursorPos(e);
            x = pos.x;
            y = pos.y;
            /*prevent the magnifier glass from being positioned outside the image:*/
            if (x > img.width - (w / zoom)) {
                x = img.width - (w / zoom);
            }
            if (x < w / zoom) {
                x = w / zoom;
            }
            if (y > img.height - (h / zoom)) {
                y = img.height - (h / zoom);
            }
            if (y < h / zoom) {
                y = h / zoom;
            }
            /*set the position of the magnifier glass:*/
            glass.style.left = (x - w) + "px";
            glass.style.top = (y - h) + "px";
            /*display what the magnifier glass "sees":*/
            glass.style.backgroundPosition = "-" + ((x * zoom) - w + bw) + "px -" + ((y * zoom) - h + bw) + "px";
        }

        function getCursorPos(e) {
            var a, x = 0,
                y = 0;
            e = e || window.event;
            /*get the x and y positions of the image:*/
            a = img.getBoundingClientRect();
            /*calculate the cursor's x and y coordinates, relative to the image:*/
            x = e.pageX - a.left;
            y = e.pageY - a.top;
            /*consider any page scrolling:*/
            x = x - window.pageXOffset;
            y = y - window.pageYOffset;
            return {
                x: x,
                y: y
            };
        }
    }
</script>


<div class="img-magnifier-container">
    <img id="mapimage" src="images/Artwork/tour-map.jpg" alt="Map of Lake Havasu" width="1200" height="1000">
</div>


<script>
    /* Initiate Magnify Function
with the id of the image, and the strength of the magnifier glass:*/
    magnify("mapimage", 3);
</script>

Docman joomla 4 import EXPIRED status- SOLVED

Detail: joomla 3.x DOcman export .zip
Joomla 4.x import .zip
document view Expired status and FRONT END not view

Solution: phpmyadmin run query
UPDATE  jos_docman_documents SET publish_on = NULL,unpublish_on = NULL,locked_on = NULL
 

Explain: This update table record -> publish again

 

 

Upgrade joomla 3 uninstall PKG_JOOMLA protected - SOLVED

PKG_JOOMLA

Detail: Upgrade Joomla3 to Joomla 4, require uninstall PKG_JOOMLA. This is protected not allow

Solution: manual phpmyadmin
SELECT * FROM `jos_extensions` where name='PKG_JOOMLA';
Delete this row

joomla4 Taggable not found - SOLVED

Upgrade joomla 3. to joomla 4. run
"Joomla\Plugin\Behaviour\Taggable\Extension\Taggable" not found 

Solution: remove file administrator/cache/autoload_psr4.php 

Detail: https://github.com/joomla/joomla-cms/issues/38474