If you like our themes and support, please SHARE our website! https://theme-sky.com/wordpress-themes/

Okay
  Public Ticket #1322573
Woocommerce Tabs
Closed

Comments

  • TheWebhub started the conversation

    Hi,

    Could I change the icon used for tabs in woocommerce for description and additional information ?

    Which icons are you using in this theme ? I want to use some in the text editor ?

    Thank you

  •  567
    Stormit replied

    Hi TheWebhub,

    You can add the custom css below and change icon code from it

    .woocommerce-tabs .tabs .description_tab > a:before{
        content: "\e628" !important;
    }
    .woocommerce-tabs .tabs .additional_information_tab > a:before{
        content: "\e65f" !important;
    }

    To get icon codes, you go to here http://themes-pixeden.com/font-demos/7-stroke/

    We use fonts in the link above and FontAwesome http://fontawesome.io/icons/

    Best regards,

  • TheWebhub replied

    Thanks.

    Also, I don't want custom tab to be on all product details pages, anyway to change that ?

    If I toggle Hide on theme options, it hides on all pages and toggle Show then it shows a tab with no text, just icon if the custom tab is not overridden in single prouduct details page.

    Thanks

  •  567
    Stormit replied

    Hi TheWebhub,

    You still enable the Product Custom Tab option in Theme Options. And you clear the Product Custom Tab Title option. As you said, it will only display icon if you don't override the custom tab in the single product. You can add the custom css below to hide the empty tab which has only icon.

    .ts_custom_tab a:empty{
        display: none !important;
    }

    Best regards,

  • TheWebhub replied

    Thank You

  • TheWebhub replied

    What is the ideal dimensions for images you advise ?

    I would like to use 400x400 or 500x500 but zoom on the product details is an issue

    Please check

    https://sprayquip.thewebhub.ie/shop/finishcontrol-3500/

  • TheWebhub replied

    Also, it pixelates the image as original is 400x400 but image on the product details page changes to 600x600

  •  567
    Stormit replied

    Hi TheWebhub,

    Because your original image is very small https://sprayquip.thewebhub.ie/wp-content/uploads/2017/10/hvlp-xvlp-fc3500-110V.jpg. It is 400x400. With the layout of the single product, you need to upload the bigger images. It should be at least 600x600 (If you want it to look good when zooming, your original images should be bigger than 600x600).

    Best regards,

  • TheWebhub replied

    Hi,

    Please have a look https://sprayquip.thewebhub.ie/shop/finishcontrol-9900/

    This is bigger than 600x600 so single product it is zoomed out and crops the image.

    What dimensions it should be ?

  •  567
    Stormit replied

    Hi TheWebhub,

    It is correct. The zoom level depends on the size of original image. You can upload image whose size is 700x700 or 800x800 or 900x900. https://sprayquip.thewebhub.ie/wp-content/uploads/2017/10/hvlp-xvlp-fc5000-220V.jpg is very big.

    Best regards,

  • TheWebhub replied

    Hi,

    Yes, it is big, trying to understand the correct dimensions to resize the images, I will try your suggestions

  •  567
    Stormit replied

    OK TheWebhub! Please try with the sizes which I suggested.

    Best regards,

  • TheWebhub replied

    Hi,

    I tried 800x800 and it works well, phewwwww have to resize all the images :)

    Is it possible to have a text-editor for Custom Tab Content like Description has, copy pasting html tags is tedious for every product when you want to show image, pdf, etc ?

    Thank You

  •  567
    Stormit replied

    Hi TheWebhub,

    You can install my custom plugin (attached file).

    Best regards,

  • TheWebhub replied

    Perfect, Thank You. Saves a lot of time, copy and pasting content :)