Wanna Add Cart Button On Right Side Of Product Card

Store Design
, , , , , ,

Topic summary

A user wants to reposition the “Add to Cart” button on their Shopify store’s product cards to appear on the right side, similar to the layout used on chimi-online.com.

Current Issue:

  • The OCCU website’s collection page needs the cart button moved from its default position to the right side of each product card
  • A reference image shows the desired layout with the button aligned to the right

Proposed Solution:
A responder suggested using CSS flexbox to achieve this:

  • Locate the product card code in the theme editor
  • Apply display: flex with justify-content: space-between to the product card container
  • Use margin-left: auto on the add-to-cart button class to push it to the right side

The solution remains untested, and no follow-up confirmation has been provided yet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Wanna Add Cart Button On Right Side Of Product Card in OCCU website

URL: https://occu-com.myshopify.com/collections/aura

PASS: 1

Like These

Screenshot 2025-03-06 230917.png
Screenshot 2025-03-06 230917.png1314×656 233 KB

There website URL : https://chimi-online.com/eu/c/eyewear/sunglasses

2

Hi,

Hope this will work

At theme editor locate product card code and modify button placement and add css to style the button

CSS code example

.product-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-to-cart {
    margin-left: auto;
}