display product attributes on product pages

Hello Alex,

By default, WooCommerce lets you make attributes visible on the product page, but currently Fotografie theme doesn’t actually output them in the single product template. That’s why you only see Category, Tags, and SKU, but not your custom attributes (genre, length, format).

They are only visible in Additional Information when you tick the “visible on the product page” option of any product which you already have it in each book. Please check the screenshot.

Please feel free to reach out if you have any other questions.

Regards,
Sujeet

Hello Alex,

To add custom function or code to the theme, It is better to use child theme instead because once you get your theme updated, your changes in the theme will be erased. So please think that as well while using custom function. Check this link for creating child theme: https://catchthemes.com/blog/create-child-theme-wordpress/

The following code can show the additional information just after SKU, Category in product page.

Please got to Dashboard => Tools => Theme File Editor => Function.php

Here is the code:

add_action('woocommerce_product_meta_end', 'custom_attributes_inline');

function custom_attributes_inline()
{
    // Paste your custom codes here
    // You will see the attributes under SKU, Category in product page
}

Please let me know if this worked. Thank you.

Regards,
Sujeet

• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.
• This reply was modified 4 weeks, 1 day ago by sujeet.

Hello Alex,

Try to add the following code instead.

add_action('woocommerce_product_meta_end', 'su_filterable_attributes_inline');

function su_filterable_attributes_inline()
{
if (! function_exists('wc_get_page_permalink')) return;

global $product;
if (! $product) return;

$attributes = $product->get_attributes();
if (empty($attributes)) return;

$shop_url = wc_get_page_permalink('shop');
if (! $shop_url) return;

echo '<span class="custom-product-attributes">';

foreach ($attributes as $attribute) {
if (! $attribute->get_visible()) continue;

if ($attribute->is_taxonomy()) {
$taxonomy = $attribute->get_name();
$label = wc_attribute_label($taxonomy);
$base_slug = sanitize_title(str_replace('pa_', '', $taxonomy));
$filter_key = 'filter_' . $base_slug;

$terms = wc_get_product_terms($product->get_id(), $taxonomy, array('fields' => 'all'));
if (empty($terms)) continue;

$links = array();
foreach ($terms as $term) {
$url = add_query_arg(
array(
$filter_key => $term->slug,
'query_type_' . $base_slug => 'or',
),
$shop_url
);
$links[] = '<a class="attr-chip attr-chip--' . esc_attr($term->slug) . '" href="' . esc_url($url) . '">' . esc_html($term->name) . '</a>';
}

echo '<span class="product-attr"><strong>' . esc_html($label) . ':</strong> ' . implode(', ', $links) . '</span> <br>';
} else {

$label = wc_attribute_label($attribute->get_name());
$value = implode(', ', $attribute->get_options());
echo '<span class="product-attr"><strong>' . esc_html($label) . ':</strong> ' . esc_html($value) . '</span> ';
}
}

echo '</span>';
}

And you can try using ‘All-in-One WP Migration and Backup’ plugin to transfter the theme. That may help.

Please let me know if this worked. Thank you.

Regards,
Sujeet