Change Shop

Hi,
Please update the live site as there is no attribute Curator, I assume the attribute class will be .woocommerce-product-attributes-item–attribute_pa_curator but I need to see it to test a new script.

Best regards,
Mike

Hi,
Thanks, try replacing the precious solution with this this one at the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script_pa_autore_and_pa_curatore() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('.shop_attributes .woocommerce-product-attributes-item--attribute_pa_autore').each(function() {
     $(this).clone().wrapInner('<p class="pa-autore"/>').children(0).unwrap().appendTo('.woocommerce-product-details__short-description').css({'margin':'0'});
     $('.pa-autore .woocommerce-product-attributes-item__label').wrapInner('<p class="autore-label"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-autore .woocommerce-product-attributes-item__value').wrapInner('<p class="autore-value"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-autore .autore-value p').css({'margin':'0'});
  });
  $('.shop_attributes .woocommerce-product-attributes-item--attribute_pa_curatore').each(function() {
     $(this).clone().wrapInner('<p class="pa-curatore"/>').children(0).unwrap().appendTo('.woocommerce-product-details__short-description').css({'margin':'0'});
     $('.pa-curatore .woocommerce-product-attributes-item__label').wrapInner('<p class="curatore-label"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-curatore .woocommerce-product-attributes-item__value').wrapInner('<p class="curatore-value"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-curatore .curatore-value p').css({'margin':'0'});
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script_pa_autore_and_pa_curatore');

and use this css:

.pa-autore > .autore-label:after {
    content: ": "
}
.pa-curatore > .curatore-label:after {
    content: ": "
}

for this result:

Best regards,
Mike

Hi,
It seems that the div woocommerce-product-details__short-description is not present if the “Product short description” field is empty, do you plan on having products without a description?
If you do expect the final site to have products without a description please choose a location that will be uniform for all products such as before/after the in-stock div (Disponibile), assuming this will be present on all products.
I guess you could also choose after the title or price since they should always be present, please ask your client what they would prefer.
If you want to test different locations you only need to change the appendTo class in the script in two places to the new class you want to target:

Best regards,
Mike

Hi,
Instead of using .appendTo(‘.single-product-summary .product_title’) try using .insertAfter(‘.single-product-summary .product_title’) this will add the Author & Curatore after the title instead of adding the Author & Curatore to the title. For example:

function add_autore_and_curatore_attributes_after_title() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('.shop_attributes .woocommerce-product-attributes-item--attribute_pa_autore').each(function() {
     $(this).clone().wrapInner('<p class="pa-autore"/>').children(0).unwrap().insertAfter('.single-product-summary .product_title').css({'margin':'0'});
     $('.pa-autore .woocommerce-product-attributes-item__label').wrapInner('<p class="autore-label"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-autore .woocommerce-product-attributes-item__value').wrapInner('<p class="autore-value"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-autore .autore-value p').css({'margin':'0'});
  });
  $('.shop_attributes .woocommerce-product-attributes-item--attribute_pa_curatore').each(function() {
     $(this).clone().wrapInner('<p class="pa-curatore"/>').children(0).unwrap().insertAfter('.single-product-summary .product_title').css({'margin':'0'});
     $('.pa-curatore .woocommerce-product-attributes-item__label').wrapInner('<p class="curatore-label"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-curatore .woocommerce-product-attributes-item__value').wrapInner('<p class="curatore-value"/>').children(0).unwrap().css({'display':'inline-block','margin':'0'});
     $('.pa-curatore .curatore-value p').css({'margin':'0'});
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'add_autore_and_curatore_attributes_after_title');

I tested on the pages linked below and works with:
Author & Curatore no product info
Author & Curatore with product info
Curatore only
Author only

Best regards,
Mike

Hi,
This looks correct and it works in my test.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike