
Fix Magento 2 Product Card Layout
- or -
Post a project like this29
$25/hr
- Posted:
- Proposals: 14
- Remote
- #4479393
- Awarded
Top Rated and Well experienced - Full Stack Developer | Web Developer and Designer, Magento, Shopify, CS-Cart, WordPress, OpenCart, Big commerce, PSD to Responsive Design, Bootstrap etc..

Award winning Digital Marketing Expert | SEO Specialist | Website Design & Shopify Consultant
♛ TOP Rated ♛ Graphic Designer | Web Developer |Translator| Social Media Manager | Virtual Assistant
WORDPRESS ( WOOCOMMERCE AND PLUGIN) AND CMS EXPERT - QUICKEST DELIVERY GURANTEED 12 + YEARS

95738119458891217151211892228122473841197277859914312876072990477211702772115255351616386
Description
Experience Level: Entry
Mirasvit Rewards Points Injection Causing Star Rating Overlap
We need an experienced Magento 2 frontend developer to fix a product card layout issue on our store.
The Problem
We use the Mirasvit Rewards module. On page load the product cards display correctly -- star ratings appear in the right position. After the Mirasvit "Earn X VIP Points" block injects via JavaScript into the price area, the card layout breaks and star ratings overlap the Add to Cart button.
This affects the homepage product grid on desktop. Mobile and category pages must not be touched.
What We Know
The Mirasvit points block injects via the catalog_product_prices layout handle into the render.product.prices block on every price render. The injection adds height to the price area dynamically after page load. The card uses a custom flex layout defined in list.phtml and config.phtml. Something in the card is absolutely positioned and does not reflow after the injection.
The fix must be scoped to the homepage desktop grid only using .cms-index-index or .no-breadcrumbs selectors. No changes to mobile breakpoints or category page rules.
Stack
Magento 2.4.3-p3, PHP 7.4, custom theme, Plesk/Ubuntu server. SSH access will be provided.
Requirements
Proven Magento 2 frontend experience. Familiarity with Mirasvit Rewards module is a strong plus. Must be able to diagnose via Chrome DevTools and apply a surgical CSS fix. Fixed price, clearly scoped deliverable.
We need an experienced Magento 2 frontend developer to fix a product card layout issue on our store.
The Problem
We use the Mirasvit Rewards module. On page load the product cards display correctly -- star ratings appear in the right position. After the Mirasvit "Earn X VIP Points" block injects via JavaScript into the price area, the card layout breaks and star ratings overlap the Add to Cart button.
This affects the homepage product grid on desktop. Mobile and category pages must not be touched.
What We Know
The Mirasvit points block injects via the catalog_product_prices layout handle into the render.product.prices block on every price render. The injection adds height to the price area dynamically after page load. The card uses a custom flex layout defined in list.phtml and config.phtml. Something in the card is absolutely positioned and does not reflow after the injection.
The fix must be scoped to the homepage desktop grid only using .cms-index-index or .no-breadcrumbs selectors. No changes to mobile breakpoints or category page rules.
Stack
Magento 2.4.3-p3, PHP 7.4, custom theme, Plesk/Ubuntu server. SSH access will be provided.
Requirements
Proven Magento 2 frontend experience. Familiarity with Mirasvit Rewards module is a strong plus. Must be able to diagnose via Chrome DevTools and apply a surgical CSS fix. Fixed price, clearly scoped deliverable.
Projects Completed
39
Freelancers worked with
35
Projects awarded
48%
Last project
6 Dec 2025
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies