Layout. Product card. Elementor

Greetings. I have reviewed the screenshots of the current and desired product card. The task is clear: we need to completely redesign the mobile version of the card, making it cleaner, more structured, and modern, as well as ensuring that the desktop version displays correctly.

Since the website operates on a combination of WordPress + XStore + Elementor, there are two implementation paths: customizing the standard WooCommerce template through a child theme and CSS, or using the built-in card builder in Elementor PRO / XStore Builder (if they are activated).

I will implement the changes based on your reference:

I will move the product title, price, and specifications block to the right side of the photo (for desktop) and directly below the photo (for mobile). I will arrange a neat grid of parameters (category, collection, style) on the left and the price on the right.

I will style the color selection (round neat swatches) and sizes (tiles in one row), and I will also add a link to the size chart to the right of the size selection.
…
I will redesign the add to cart and one-click purchase buttons. The buttons will be arranged in one row: a dark minimalist one on the left and an outlined one on the right. I will make the button font more strict and modern.

I will format the description, specifications, and composition as neat collapsible lists (accordions) with arrows, to avoid overloading the page vertically.

The add to favorites icon (heart) will be placed prominently near the image or title.

The method of implementation will depend on how the product card is currently displayed — using the standard template of the XStore theme or through the Single Product Builder in Elementor. I will write the styles so that they do not affect other pages of the site and do not break upon theme updates.

Show original

Translate

Good day! My colleague and I have been professionally engaged in technical support and development of WooCommerce stores for over 4 years, so we will help your project on XStore update the visual part of the product cards to perfect condition. We will use clean code for customizing the theme templates, which will ensure stability during future updates of WordPress and Elementor. Our 4 years of experience is confirmed by projects drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua, where we have already successfully completed similar interface renovations. We guarantee full compliance with the right layout ("as it should be"), we will set up the correct display of all product attributes and check the loading speed of the new page on mobile devices. We work reliably and with an emphasis on technical literacy in execution.

Show original

Translate

Gemini Message
Hello! My partner (designer + full-stack) and I have been specializing in deep customization of WordPress and the layout of complex e-commerce interfaces for XStore for over 4 years, so we will implement a new product card for you with "Pixel-perfect" accuracy according to the layout. We will develop the architecture based on PHP and CSS to integrate the updated design directly into the existing theme through a child theme or custom WooCommerce hooks. Our experience in development is 4 years; take a look at our work in terms of layout and speed at hyperfi.tech, espressolab.com.ua, hudi.com.ua. We will focus primarily on the mobile version for maximum UX convenience while maintaining perfect responsiveness for PCs, and we will also optimize the code so that replacing elements does not slow down Elementor.

Show original

Translate

👋 Vlad, hello!
Our team creates websites that become a tool for business growth, not just a business card. Landing pages, corporate resources, online stores — all with thoughtful UX/UI, responsiveness, and fast performance.
⚙️ We use modern CMS and builders (WordPress, Webflow, Weblium, Wsx, Shopify), connect CRM and analytics for transparent processes and convenient scaling.
📩 Let's discuss your tasks — we will prepare a strategic solution tailored to your needs.

Show original

Translate

Hello, I am ready to make changes to the product card as per the layout, I have experience working with Elementor.

Show original

Translate

Hello, Vlad!

Our IT company creates and improves websites that operate stably, quickly, and solve specific business tasks for the client. We are engaged in developing websites "from scratch," as well as enhancing existing solutions, increasing their productivity and usability for your users.

We have experience in:
- developing responsive and fast websites on various platforms (WordPress, OpenCart, Shopify, WIX);
- integrations with payment systems, CRM, external services, and internal systems;
- optimizing website performance and security;
- setting up analytics and basic SEO tools;
… - software development and automation of business processes: managing customer databases, resource accounting, automating repetitive tasks, integrations with third-party systems;

After the project is completed, we provide 14 days of technical support. During this period, we help adapt the system to your business processes and consult on any questions related to the completed work. This ensures that the developed solution operates stably from the moment of launch and does not require additional adjustments.

We work in a structured and responsible manner - focused on results that align with your business goals.

Show original

Translate

Hello, Vlad.
I will quickly implement your task according to the description, provide guarantees, work details, and a video instruction if needed. However, there are some clarifications.
I am ready to discuss the details and start the execution. The final price/timeframe will be determined after all clarifications.

Profile: Freelancehunt
Reviews: Freelancehunt

Show original

Translate

Good day!

I can design and implement a new product card on your WordPress site (XStore + Elementor), focusing on the mobile version and correct display on PC.

I have been working with WordPress for about six months, I work carefully and with consideration for responsiveness.

Regarding the timeline — approximately 1–3 days, regarding the price — $30–70, I will provide a more accurate estimate after reviewing the layout. I am ready to discuss the details.

Show original

Translate

Good day!

I am ready to layout and implement a new product card on your website (WordPress + XStore + Elementor).

I will do:
— precise layout according to the design (as "needed")
— priority adaptation for mobile + correct appearance on PC
— careful integration without breaking the theme
— maintaining compatibility with Elementor
…
Deadline: 5 hours
Price: 1000 UAH

I am ready to start immediately.

Show original

Translate

Good day.
I specialize in WordPress / Elementor / WooCommerce, so I can qualitatively design a product card and integrate it into your current site on XStore. I will make it as close as possible to the required example, with proper adaptation for mobile devices and desktop.

Show original

Translate

Hello! I am an experienced WordPress and WooCommerce developer. I will be happy to help you with the layout of the product card for your website. I have experience working with Elementor and responsive design, so everything will look great on both mobile devices and PCs. I look forward to your response!

Show original

Translate

Hello, I am ready to perform the layout of the product card in Elementor. I have 3 years of experience and can quickly and efficiently implement your design. Please contact me for details.

Show original

Translate

Good day!
Write in private messages. I have indicated the price and deadlines.

Show original

Translate

Good evening, I can do it in a couple of hours, I will do it quickly and efficiently, I hope for cooperation!

Show original

Translate

Hello, I am interested, ready to start immediately, we will discuss the details.

Show original

Translate

Hello! I can make the necessary edits for you, I will arrange the blocks correctly, write all the styles, and provide the required information, feel free to contact me.

Show original

Translate

Hello! I have reviewed your project and am ready to start working. I guarantee high quality and prompt execution.

Show original

Translate

Hello, I have extensive experience working with WordPress. I am ready to create a product card and implement it on the website. I will complete it quickly and efficiently. I suggest discussing the details in private messages.

Show original

Translate

Good day. I have been professionally engaged in web development for more than 4 years. During this time, I have developed over 50 websites on WordPress and also developed the frontend for 10 websites. If needed, I can send examples of my work in private messages. I would be happy to review the technical specifications and collaborate.

Show original

Translate

Good day, I am ready to do it, I have extensive experience working with WooCommerce and Elementor.

Show original

Translate