Correct the “Comparison” section

  • Resolved vanderbolt

    (@vanderbolt)


    7 years, 8 months ago

    Hello! I have a bad English, so I had to use an interpreter. The following problems have arisen.

    1) How to replace the selected text with your own? In the settings it was not found.

    replace_text

    2) How do I fix the wrong display of the products I’m comparing? And how to replace the blue color with your own?

    wrong

    Thanks for the answer!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi Vanderbolt,

    1) Unfortunately we haven’t added it to the labelling options yet, so the only way to change that text would be to do it manually. The code can be found in ultimate-product-catalogue/js/upcp-jquery-functions.js, on Line 375.

    2) To change the blue colour, you can add this CSS code into the “Custom CSS” box on the Edit Catalogue page:

    .upcp-product-comparison-price {
background:#34ADCF;}

    2b) For the product name height issue, could you send us a link to your catalogue?

    Thread Starter vanderbolt

    (@vanderbolt)

    Thank you very much for your answer!

    • This reply was modified 7 years, 8 months ago by vanderbolt.

    Hello!!! I have the exact same problem that this gentlemen. I own the premium version and in the comparison page, the labels cover the field values (custom fields).

    This is my catalog link for the product name height issue:

    https://marcom.com.ar/catalogo/?categories=2&sub-categories=2

    All your help and support will be appreciated.

    Regards,
    domingo

    Hi Domingo,

    You can add this code to the bottom of the “Custom CSS” box on the Edit Catalogue page:

    .upcp-product-comparison-custom-field-value {
height: auto!important;}

    Hi there, thanks very much! It solved most all the problems (for all custom fields) but the trouble still remains for Category, sub-category and tags.

    https://marcom.com.ar/catalogo/?categories=2&sub-categories=2

    The reality is I do not need this three fields in the comparison view so your alternative solution could delete those fields in the view or resize the field height for those so as to make it a perfect fit.

    Thanks very much for your support.

    Regards,
    domingo

    Hi Domingo,

    We just realized the CSS I gave in my last post didn’t target all the items in the comparison table. We’re sorry for the incorrect code.

    To make things easier, here’s code you can use to replace everything that’s currently in the Catalogue “Custom CSS” box:

    .upcp-cf-label {
margin-right: 2px;}

.upcp-product-comparison-price {
background:#EF4931;}

.upcp-pc-value {
    height: auto!important;}

    Hi team,

    Problem solved! thanks very much.

    Best regards,
    domingo

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Correct the “Comparison” section’ is closed to new replies.