WooCommerce Product Product Name Link

[IPProduction]

Hi there,

When viewing the shop page or anywhere we have a product link displayed, we would like the entire product name box to link to the product instead of just the text.

You can see products here: https://soundcontrolte.wpengine.com/

Thanks!

[tristup]

Hi @IPProduction,

If you are trying to point to the section marked in the screenshot, then the boxes are is already linked to the respective product. If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks

[IPProduction]

Hi there,

Please see screenshare here: https://www.youtube.com/watch?v=PxlGzToiDf4
When I hover over the grey block on the bottom, it turns blue, but if I click in the box, nothing happens. Only when I click on the text do I get linked to the product. I would like the link to wrap around the entire box instead of just the text.

Thanks!

[ruenel]

Hello @IPProduction,

In the Ethos stack, the product text is the one that is being linked and not the entire box. It will need a custom CSS to be able to make the entire box be the link. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Using the inspector tool, you can get these selectors therefore the code can be:

[class*=woocommerce] li.product .entry-header h3 {
    padding: 0;
}

[class*=woocommerce] li.product .entry-header h3 a {
    padding: 1.5em;
    display: block;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

You can test the code above by adding CSS code into X > Theme Options > CSS.

Best Regards.

[IPProduction]

Beautiful, thank you SO much!

[marc_a]

Hi @IPProduction,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.