Hi I need to know how This website put the Snippet or code in his product page

D

dr.talal

New member

Nov 1, 2020

11

1

3

• Jan 24, 2021

• #1

Hi I need to know how This website put the Snippet or code in his product page
what is the plugin name please help
i want to install it to my website too
Looking for Cash on Delivery / Bank Transfer Plugin That is showing amount with discount to payment gateway method


Developers please help i am noob

Customized Wallet keychain Pen Set - Customize.pk

This is a customized Product and 50% Advance payment will be required to process the order. Leather Material: Cow Leather Color: Black Mustard Customization option available (Note that customization will be done upon 50% advance Payment)

customize.pk

Customized Wallet keychain Pen Set - Customize.pk

This is a customized Product and 50% Advance payment will be required to process the order. Leather Material: Cow Leather Color: Black Mustard Customization option available (Note that customization will be done upon 50% advance Payment)

customize.pk

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Jan 25, 2021

• #2

I think they may have custom coded the discounts based on payment method and adjusted the single product template to display it as they do.

There are several plug-ins for "woocommerce discount based on payment method" and with a bit of coding in the template and some CSS you can get the same result.

 

• 

Reactions: dr.talal

D

dr.talal

New member

Nov 1, 2020

11

1

3

• Jan 25, 2021

• #3

frizzel said:

I think they may have custom coded the discounts based on payment method and adjusted the single product template to display it as they do.

There are several plug-ins for "woocommerce discount based on payment method" and with a bit of coding in the template and some CSS you can get the same result.

Click to expand...

Thank you for Your Response Fizzel.. Yes i am aware of discount based on payment method plugins i have tried many.. but as you can see the front end of this is beyond that its also showing You pay .. and you save etc


have a look at this site too contain same thing..

RhinoShield SolidSuit for Samsung Galaxy S10 Plus - Classic Black - 4710227238006

Buy Original RhinoShield SolidSuit for Samsung Galaxy S10 Plus in Pakistan at Lowest Price at Dab Lew Tech. Buy Tech Products in Pakistan.

dablew.pk

Please Help

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Jan 25, 2021

• #4

Yeah, that second website uses almost the same CSS as the first one, seems like a custom solution that maybe was copied.

"You pay... you save" can be easily achieved with some calculations in PHP. That's not difficult at all. I would even more appreciate it if those figures were interactively updated, e.g. when the quantity changes. That's also not difficult to do.

 

D

dr.talal

New member

Nov 1, 2020

11

1

3

• Jan 26, 2021

• #5

anyone else

 

joepremium

Member

May 20, 2020

82

43

18

• Jan 26, 2021

• #6

Hi @dr.talal

Looking at their plugin list I see the are using boosterforwoocommerce https://booster.io/ ,

I believe the feature you want is in their custom shortcodes [wcj_product_you_save] , here is a link with more info:

WooCommerce Products Shortcodes - Booster for WooCommerce

Redefine product management on your E-Commerce website, with booster plus product shortcode archives.

booster.io

Cheers

 

D

dr.talal

New member

Nov 1, 2020

11

1

3

• Jan 27, 2021

• #7

Thankyou
joepremium

for your kind reply but I am still unable to put this in my website here is my link

OnePlus Nord Rugged Case by KAPAVER – Black - Matrix Store Pakistan

OnePlus Nord Rugged Case by KAPAVER – Black Brand Kapaver Device Model OnePlus Nord USP Rugged TPU Case

matrixstore.pk

with love

i am using code snippet

 

D

dr.talal

New member

Nov 1, 2020

11

1

3

• Jan 28, 2021

• #8

joepremium
Brother i solved it from your help.... Thank you I wish you get what you really want in your life Ameen.

Still struggling with Responsiveness of my CSS Design not showing cards properly while checking on mobile or small screens

OnePlus Nord Ultra Hybrid Spigen ACS00991 Matte Black - Matrix Store Pakistan

OnePlus Nord Ultra Hybrid Spigen ACS00991 Matte Black Weight 5 kg Dimensions 12 cm Brand Spigen Device Model OnePlus Nord USP Hybrid Protective Case

matrixstore.pk

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Jan 28, 2021

• #9

Well, it already starts with the fact that these 3 columns all have a class of 'col-sm-5' which is wrong as the total should never exceed 12. So change that into 'col-sm-4'. Then remove the padding-left and padding-right on these columns (which at the moment is 15px for both left and right) or set it at a low 1px.

That makes it a little better, although far from perfect. I would completely custom code this, as I think these columns look terrible on any screen, but that's just my opinion.