Compare page add remove button and attributes ordering

Dear Jack, customization of the order is solved, I edited the compare.php in plugins/et-core-plugin/packages/xstore-compare/templates , it wasn’t super easy as there are 2 array and intersecating stuff, compare_fields and product_table_info.

I put there the code to add the remove buttons to the table, and it worked after a bit of fiddling with the code and syntax required.

I solved on my own the problems, but thanks for the hints

Thanks Jack for the reminder, usually I put my code in functions.php of my child theme, but the file compare.php in plugins/et-core-plugin/packages/xstore-compare/templates does contain a lot of stuff, and I’m not sure on how to bring my mods to that file in functions.php, so I guess I’ll have to live with that, unless you have some suggestions for me to do an update proof version of these mods.

To add the remove button I used this:

                echo '<tr class="xstore-compare-row-remove">';
                echo '<td class="xstore-compare-remove-label">' . esc_html__('Remove from table', 'xstore-core') . '</td>';

                // Add remove button for each product
                foreach ($product_table_info as $product_info) {
                    echo '<td class="xstore-compare-remove-button" data-product_id="' . esc_attr($product_info['id']) . '">';
                    if (!strstr($product_info['id'], 'ghost-product')) {
                        $instance->print_button($product_info['id'], array(
                            'only_icon' => true,
                            'has_tooltip' => false,
                            'custom_icon' => '<button class="remove-compare-product" style="background: none; border: none; color: red; cursor: pointer; font-size: 32px !important; margin-top:-15px !important; font-weight: bold;">&times;</button>'
                        ));
                    }
                    echo '</td>';
                }
                echo '</tr>';

And to order the attributes I used this:

case 'attributes': 
    $product_attributes = $product_parent ? $instance->get_product_attributes($product_parent) : $instance->get_product_attributes($product);
    
    // Define the order
    $custom_order = array(
        'Attribute1' => 1,
        'Attribute2' => 2,
        'Attribute3' => 3 // you get the idea
    );

    // Temp array 
    $ordered_attributes = array();
    foreach ($custom_order as $attr_name => $order) {
        $ordered_attributes[$order] = $attr_name;
    }
    ksort($ordered_attributes);

    // Adding attributes value to product_table_info e preparing compare fields
    foreach ($ordered_attributes as $order => $attr_name) {
        $label_parsed = str_replace(' ', '-', $attr_name);
        $attribute_key = 'attribute_' . $label_parsed;
        
        if (!in_array($attribute_key, $compare_fields)) {
            $compare_fields[] = $attribute_key;
            $fields_strings[$attribute_key] = $attr_name;
        }

        foreach ($product_attributes as $product_attribute) {
            if ($product_attribute['label'] === $attr_name) {
                $product_table_info[$products_count][$attribute_key] = $product_attribute['value'];
                break;
            }
        }
    }

    // Add other attributes
    foreach ($product_attributes as $product_attribute) {
        if (!isset($custom_order[$product_attribute['label']])) {
            $label_parsed = str_replace(' ', '-', $product_attribute['label']);
            $attribute_key = 'attribute_' . $label_parsed;
            
            if (!in_array($attribute_key, $compare_fields)) {
                $compare_fields[] = $attribute_key;
                $fields_strings[$attribute_key] = $product_attribute['label'];
            }
            
            $product_table_info[$products_count][$attribute_key] = $product_attribute['value'];
        }
    }
    break;

Thanks!!