customize pairs well with

[Optimist1]

1/In the main product I add QuickView and within “pairs well with” this pr-complementary-loop.liquid code:

" {%- liquid

assign pr_url = product.url

assign placeholder_img = settings.placeholder_img

assign image = product.featured_media | default: placeholder_img

-%}

{%- if image != blank -%}

{%- endif -%}

{{ product.title }}

{%- render ‘product-price’, class_price: ‘t4s-widget__pr-price’, product: product, price_varies_style: price_varies_style, type: ‘card’, isGrouped: false -%}

/* Ensuring that the styles have more specificity */ .t4s-pr-item-btn:hover, .t4s-pr-item-btn:hover svg, .t4s-pr-item-btn:hover span { color: #000000 !important; /* Brighter brown for text on hover */ fill: #000000 !important; /* Brighter brown for icon on hover */ }

<a href=“{{ pr_url }}”

data-id=“{{ product.id }}”

rel=“nofollow”

class=“t4s-pr-item-btn t4s-pr-quickview”

data-action-quickview

style=“display: inline-flex; align-items: center; color: #90633b; text-decoration: none; font-size: 14px;”>

{{ ‘complementary.quick_view_text’ | t }}

"

//////////////////

2/ and in locals en.default.json I add this code: " “complementary”: {

“quick_view_text”: “Quick Add”

},

"

3/ But my Shopify store is about digital and I don’t need a quantity selector. give me the solution

SITE URL: https://happyoff.com

HERE ARE The screen about this problem:


[Mehran_Ali]

Hi @Optimist1

you can’t remove it directly either you need to use a third-party app that restricts the Quanitiy for the product Like
https://apps.shopify.com/order-limits-minmaxify

but this will remove normal product quantity as well so in my recommendation the best solution is to hide the Quantity selector from that popup using Css
add this CSS into your base.css or theme.css file to remove the quantity from the popup only

.t4s-product-quick-view form .t4s-product-form__qty {
    display: none;
}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

[Optimist1]

Thanks, it’s working by adding the code to base.css but I have problem in add to cart button size and removing the line “Availability : In Stock”

Thanks a lots

[Mehran_Ali]

What kinds of problems can you explain?

[Optimist1]

Please, I want AddToCart bigger and delete the line containing “Availability : In Stock”