Action Needed: Update Quick View UI (Quantity Removal, Text and Icon Changes)

Store Design
, , , , ,
1

Part 1.JPG
Part 1.JPG1073×502 58 KB

Part 2.JPG
Part 2.JPG1062×506 55.9 KB

Here are the screenshots of Quick View in 2 parts, please I want to:

  • remove the quantity selector

  • replace these 3 lines: Availability, categories, and tags. With 2 lines:

Tax and shipping are included! ( stroke line please)

Instant Download ( stroke line please) and start with the icon vector look at the screenshot

Stroke.JPG

Thanks in advance for any help you can offer!

2

Hello @Optimist1

To remove the elements and replace the shipping lines, you need to change your code for that.

If your can’t do it then you can contact any experienced or expert developer who can fix it.

If you want me to do this, then you need to provide the access of store so i can make changes and fix the issue.

If you have any queries, you can DM me.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Best Regards

Parth ghelani

3

Hi @Optimist1

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

1 Like
4

Thanks, here are https://happyoff.com and the password: stewbe

5

Hi @Optimist1 Thanks for the URL, please add the below code to remove the line and quantity from the quick view section.

.t4s-quantity-wrapper.t4s-product-form__qty {
    display: none;
}

.t4s-product_meta {
    display: none;
}

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1721888556422.png
sahilsharma9515_0-1721888556422.png1500×772 170 KB

For adding those 2 lines in the quick view section I will need the access of your store as it needs to edit the code of your Quick view section.

Also for adding the Download button you need to add the metafields to your store and call that metafield in the respective product so that it will dynamically loads the data and download pdf of those products.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
6

Hey dear,

I added the code but no modifications with it

7

Hi @Optimist1 If the above provided code is not working then use the below code, please follow the same steps that have mentioned in the previous post to add the code.

.t4s-quantity-wrapper.t4s-product-form__qty {
    display: none !important;
}

.t4s-product_meta {
    display: none !important;
}

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like