When I click on a product and it directs me to the specific products page but when I scroll down to the bottom of the product’s page as usual there is a product recommendation component. But in my case, the product recommendation component only shows the product images but not the product’s prices or the name.
Why is that? is there any solution for this? if so please let me know! Thank you and much appreciated. Please refer the image below for clarification
URL: https://abbasigems.com/products/teal-sapphire (click any product in the home page and scroll to the bottom of the product’s page)
Password: testingpage
Login Admin and then follow the below steps:
Step 1: Go to Online Store->Theme->Actions->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
Please add the following custom CSS:
product-recommendations .card--standard.card--media .card__inner .card__information
{
display:block;
padding-left: 0 !important;
padding-right: 0 !important
}
product-recommendations .card--media .card__inner .card__content
{
position: absolute!important;
top: 100% !important;
}
product-recommendations {
margin-bottom: 110px;
}
Output:
If you find our reply helpful, please hit Like and Mark it as a Solution.
An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
@WebDeskSolution Hi,
Thank you so much for replying. I tried your code and it seems to be working but there is a minor issue where the prices are still hidden.
Please refer to the picture below
This is how it looks right now. any idea why?
URL: Jade Necklace – ABBASI (abbasigems.com)
Thank you
** @justauser **
Please add the below code and check it.
.product-recommendations.page-width
{
margin-bottom: 110px !important;
}
If you find our reply helpful, please hit Like and Mark it as a Solution.
@WebDeskSolution Perfect now! worked like magic! Thank you so much
