Magento – Magento 2 – Show product options and attributes in categories

attributescategory-viewcustom-optionsmagento2products

I need some help to display products custom options and attributes in category view, I can't find any guide to do this.

What I want to do is that if a simple product has custom options to display a list with those in the category view.
Also I'd like to show the products attributes there too, not all attributes but ones I've selected in the template with attribute codes.

Best Answer

As we need to override below file

From:

magento\vendor\magento\module-catalog\view\frontend\templates\product\list.phtml

To:

magento\app\design\frontend\Custom\YourTheme\Magento_Catalog\templates\product\list.phtml

Content:

 <?php foreach ($_productCollection as $_product): ?>
        <?php echo($iterator++ == 1) ? '<li class="item product product-item">' : '</li><li class="item product product-item">' ?>
        <div class="product-item-info" data-container="product-grid">
            <div class="your-custom-class">
            <?php
            // START DISPLAY ATTRIBUTE
            $attributeName = $_product->getResource()->getAttribute('your_attribute_name');
            if ($attributeName) {
                $labelValue = $attributeName->getFrontend()->getValue($_product);
            }
echo $labelValue;
            // END DISPLAY ATTRIBUTE
            ?>
            </div>
        </div>
    <?php endforeach; ?>

Please check from Main File & U can display your thing as needed & adjust as per your design.

Thanks.

Related Solutions

Filter by Product’s Custom Options or Set Different Options from Attribute Sets

There is no direct connection to the "Custom Options" in a product and an attribute. You would have to simulate this manually. Follow these steps to do that:

Lets say you have a Category called Electronics. And an Attribute Set called Electronics.

Create a new attribute called whatever your Custom Option is, such as Extended Warranty.

When creating the Attribute, under Attribute Properties set Catalog Input Type for Store Owner and select either Dropdown, Multiple Select, or Price. Those are the only ones usable for filterable search.

Then in Frontend Properties select "Use In Layered Navigation".

Then click Manage Label/Options and input the options you would have in the Custom Options of the product.

Add this Attribute to the Electronics Attribute Set.

If you selected Dropdown as Catalog Input Type for Store Owner, then do the same for your Custom Options in the product. So if you had an Electronic, it now has the dropdown attribute for Extended Warranty or whatever attribute you want to use.

Magento – Order of Values/Labels of Configurable attribute options and custom options on cart page

I'm not 100% sure on this, I've ever actually used custom options, but tracing back from the template, I think you'd need to rewrite Mage_Catalog_Helper_Product_Configuration::getCustomOptions. I'm assuming the custom option comes from the additional_options field so at the bottom of that function you can just re-arrange the order:

$addOptions = $item->getOptionByCode('additional_options');
if ($addOptions) {
    // switch around the order of the items in the array like so
    $options = array_merge(unserialize($addOptions->getValue()), $options);
}

Best Answer

Related Solutions

Filter by Product’s Custom Options or Set Different Options from Attribute Sets

Magento – Order of Values/Labels of Configurable attribute options and custom options on cart page

Related Topic