Earlier, I had reduced the size of the .card wrapper to 0% in the
component-card.cssfile, and also made the products transparent.
Now, I would like to make the product images clickable so that users
can navigate to the individual product page when they click on an
image.Could you please advise me on how I can achieve this functionality?
Wrap the product image tag with a link or anchor tag
if you can share some information about your store theme, it would really help me to explain the steps you need to take.
Password:free
I have also try to wrap anchor tag,but it does not work peoperly.
Which shopify theme are you currently using?
Dawn Theme
Which version of dawn theme you are using? 2023 edition and above it working out of box.
Can you share some screenshot and version of your dawn theme
Its 15.0.2 .And kindly make clear what kind of screenshot or information you require?By the way,thanks for assisting.
eg: this dawn theme supports all images and the product wrapper is clickable
can you share your store preview link to understand and debug your bug easily
Actually,in the file component-card.css I have reduce the height of .card-wrapper to zero to achieve the custom design of products,according to client requirement.
You’re right. The bug setting the height to 0%. Revert the height to 100%.
everything will as it was or all images will be clickable
Yes,I know When i reset the height to 100%, the wrapper is clickable,but I do not want borders of the wrappers,can you help me out in removing these borders,to achieve transparent product design,like above in the image.
can you kindly share your preview URL for ease of debugging?
You can email me [email removed] www.mtslabrh97@gmail.com
To remove the border go to onlinestore>editcode and then assets folder> base.css file use crlt + F shortcut to find classname “.contains-card–product” comment out both properties highlighted in the image.
