Magento – How to customize or reduce the size of register trademark symbol

admincategoryheaderlayered-navigationnavigation

In my magento frontend i am displaying categories in the header navigation, one of the category title is containing register trademark symbol.

Now my question is how to reduce/customize the register trademark symbol in the category title?

From the admin panel i have tried giving html tags like <sup> to the register trade mark symbol which is working fine in header navigation but am displaying the same navigation(categories/subcategories) in the left column the <sup> tag is also displaying along with the symbol.

Or is there any other approach to customize or style my trade mark without using html tags in the category name?

Many thanks in advance 🙂

Best Answer

In this case Javascript is probably the easiest way to go. Here's a jQuery example of how to do this.

$("ul#nav").find("a:contains('&copy;')").each(function(i, elm){
   var orig_str = $(item).html();
   $(item).html(orig_str.replace('&copy;','<sup>&copy;</sup>'));
});

This code searches the topnav links for an A element containing the copyright symbol (as HTML character code) and replaces the A element html with a wrapped © version.

You might need to tweak the script in case you're using a custom navigation extension or if the © element isn't a HTML character code

Related Solutions

Magento – Linking Back to Specific Categories from Product View Page

Okay, so have actually got quite a decent solution to this now using my second approach in my question. I'm unsure of the performance implications as of yet but here is what I have done...

<?php $categories = $_product->getCategoryIds(); ?>
<?php foreach($categories as $k => $_category_id): ?>
<?php $_category = Mage::getModel('catalog/category')->load($_category_id) ?>
<?php $ignoredcats = array(2,360,124,4); ?> <!-- add all category ID's here that we wish to ignore -->
    <?php if (in_array($_category_id, $ignoredcats )){ ?>
        <?php //do nothing ?>
<?php } else { ?>
<?php if($_category->getIsActive()): ?> <!-- make sure the category is active first -->
    <p>View more <a href="<?php echo $_category->getUrl() ?>/filter/<?php echo strtolower ($manufacturerName = $_product->getAttributeText('manufacturer')) ?>" onclick="_gaq.push(['_trackEvent', 'Internal Linkage', 'Product Back To Links', '<?php echo $manufacturerName = $_product->getAttributeText('manufacturer') ?> <?php echo $_category->getName() ?>',, false]);"><?php echo $manufacturerName = $_product->getAttributeText('manufacturer') ?> <?php echo $_category->getName() ?></a> from Showermania.</p>
<?php endif; ?>

This will then output something like the following screenshot shows but by specifying the category ID's in $ignoredcats will only render for the categories of my choice.

linking back to products categories

I can then style or modify the output accordingly. You could alternatively only output this for allowed categories instead of else not allowed instead if wanted.

Does the job effectively for me currently but yet to notice any performance implications or any issues that will arise from this.

Magento – How to customize navigation in Magento 2

To change a location of an element you can use: move

<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
    <move element="product.info.stock.sku" destination="product.info.price" after="product.price.final"/>
    <move element="product.info.review" destination="product.info.main" before="product.info.price"/>
</body>

Look here: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_rearrange

To add additional Links to the Topmenu you should have a look here: Magento 2: How can I add External URL in top menu

or here: Adding a non-category link to the navigation links in magento 2

Best Answer

Related Solutions

Magento – Linking Back to Specific Categories from Product View Page

Magento – How to customize navigation in Magento 2

Related Topic