feat(model-3d-viewer): show single item model (#167)

Author: Helias

src/acore-wp-plugin/src/Hooks/WooCommerce/FieldElements.php

@@ -117,17 +117,18 @@ public static function destAccount(): void {
     public static function get3dViewer(int $itemId = 0): void {
 
         global $post;
-        $custom_3d_checkbox = get_post_meta($post->ID, '_custom_3d_checkbox', true);
+        $is_3d_enabled = get_post_meta($post->ID, '_custom_3d_checkbox', true) === 'yes';
         $race = get_post_meta($post->ID, '_3d_race', true);
         $gender = get_post_meta($post->ID, '_3d_gender', true);
         $gender = $gender === '2' ? rand(0, 1) : $gender;
         $creatureDisplayId = get_post_meta($post->ID, '_3d_displayid', true);
+        $isSingleItem = get_post_meta($post->ID, '_3d_single_item', true)  === 'yes';
 
         if ($itemId === 0 && $creatureDisplayId === '') {
             return;
         }
 
-        if ($custom_3d_checkbox !== 'yes') {
+        if (!$is_3d_enabled) {
             return;
         }
 
@@ -140,19 +141,41 @@ public static function get3dViewer(int $itemId = 0): void {
             function show3dModel(displayId, entity, inventoryType=0, race=1, gender=0) {
                 let model;
                 if (entity === 'item') {
-                    const character = {
-                        race,
-                        gender,
-                        skin: 0,
-                        face: 0,
-                        hairStyle: 0,
-                        hairColor: 0,
-                        facialStyle: 0,
-                        items: [
-                            [inventoryType,  displayId],
-                        ],
+                    <?php if ($isSingleItem) { ?>
+
+                    const HEAD_INVENTORY_TYPE = 1;
+                    const SHOULDER_INVENTORY_TYPE = 3;
+                    const WEAPONS_INVENTORY_TYPE =[13,14,15,17,21,22,23,25,26];
+                    let type;
+
+                    if (WEAPONS_INVENTORY_TYPE.includes(inventoryType)) {
+                        type = 1; // WEAPON
+                    } else if (inventoryType === HEAD_INVENTORY_TYPE) {
+                        type = 2; // HEAD
+                    } else if (inventoryType === SHOULDER_INVENTORY_TYPE) {
+                        type = 4; // SHOULDER
+                    }
+                
+                    model = {
+                        type,
+                        id: displayId,
                     };
-                    model = character;
+                    <?php } else { ?>
+                        const character = {
+                            race,
+                            gender,
+                            skin: 0,
+                            face: 0,
+                            hairStyle: 0,
+                            hairColor: 0,
+                            facialStyle: 0,
+                            items: [
+                                [inventoryType,  displayId],
+                            ],
+                        };
+                        model = character;
+                    <?php } ?>
+
                 }
                 else if (entity === 'npc') {
                     model = {
@@ -175,7 +198,8 @@ function show3dModel(displayId, entity, inventoryType=0, race=1, gender=0) {
             fetch('https://wowgaming.altervista.org/modelviewer/data/get-displayid.php?type=item&id=<?= $itemId ?>')
                 .then(response => response.text())
                 .then(data => {
-                    const [displayId, entity, inventoryType] = data.split(',');
+                    let [displayId, entity, inventoryType] = data.split(',');
+                    inventoryType = Number(inventoryType);
                     <?php if ($race !== '' && $gender !== '') { ?>
                         show3dModel(displayId, entity, inventoryType, <?= $race ?>, <?= $gender ?>);
                     <?php } else { ?>

src/acore-wp-plugin/src/Hooks/WooCommerce/Products.php

@@ -61,13 +61,22 @@ function add_custom_3d_checkbox_fields() {
         ),
     ));
 
+    woocommerce_wp_checkbox( array(
+        'id' => '_3d_single_item',
+        'label' => __('Show single item', 'woocommerce'),
+        'description' => __('Show 3D model of the single item (valid only for Head, Shoulder and Weapons).', 'woocommerce'),
+    ));
+
     echo '</div>';
 }
 
 add_action('woocommerce_process_product_meta', 'save_3d_checkbox_field');
 function save_3d_checkbox_field($post_id) {
-    $custom_checkbox = isset($_POST['_custom_3d_checkbox']) ? 'yes' : 'no';
-    update_post_meta($post_id, '_custom_3d_checkbox', $custom_checkbox);
+    $enable_3d = isset($_POST['_custom_3d_checkbox']) ? 'yes' : 'no';
+    update_post_meta($post_id, '_custom_3d_checkbox', $enable_3d);
+
+    $isSingleItem = isset($_POST['_3d_single_item']) ? 'yes' : 'no';
+    update_post_meta($post_id, '_3d_single_item', $isSingleItem);
 
     $custom_text_input = isset($_POST['_3d_displayid']) ? sanitize_text_field($_POST['_3d_displayid']) : '';
     update_post_meta($post_id, '_3d_displayid', $custom_text_input);