Home › Forums › Basel support forum › Product page tabs

Product page tabs

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • September 26, 2019 at 6:11 am #146696

    Ramialshami
    Participant

    Hi
    I want Product page tabs to be all closed by default.
    In the image attached, you will find that description tab is opened by default. And it has a huge gap even it has no content.
    1- How to make it fit only entered content with no such huge blank space?
    2- How to make it close by default when loading page?

    Attachments:
    You must be logged in to view attached files.
    September 26, 2019 at 11:44 am #146798

    Elise Noromit
    Member

    Hello,

    Please add this code to the funtctions.php of the child theme: 

    setTimeout(function() {
    var $tab = jQuery('.basel-tab-wrapper').find('a.active');
        $tab.siblings('.wc-tab').hide();
      $tab.removeClass('active');
}, 10);

    Remove the gaps in the text http://prntscr.com/pb8i09 to get rid of the blank spaces.

    Best Regards

    September 26, 2019 at 1:13 pm #146824

    Ramialshami
    Participant

    Hi ELise,
    Thanks for reply
    As for gaps I don’t know what adds them. I upload all product data by excel. I don’t know why they appear. And only in description. I’ll contact Wp All Import for it

    About that Auto-Collapse the code is not working It gave me error and didn’t work. Frpleaced that error with correction they gave me and gane me a new one, replaced it and gave a third
    Please check image and advice

    Thanks

    Attachments:
    You must be logged in to view attached files.
    September 26, 2019 at 1:27 pm #146834

    Elise Noromit
    Member

    Hello,

    Sorry for confusing, add the snippet to the Custom JS section in Theme Settings on Document ready.

    Best Regards

    September 26, 2019 at 1:47 pm #146843

    Ramialshami
    Participant

    Hi Elise
    Works fine now
    Thanks a lot

    Please check that video here that explains page margins on mobile. How to make all margins the same because they are not equal and right is not like left. related product margins are different than product info tabs and images margins.

    https://www.loom.com/share/5c15f61829e04f86a1c7a62fc1116f82

    How to solve that?

    September 27, 2019 at 6:11 am #146942

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body.rtl .product-design-compact .basel-scroll-content {
    padding-left: 0;
    padding-right: 0;
}

    Best Regards

    September 28, 2019 at 7:41 am #147196

    Ramialshami
    Participant

    Hi ELise
    Thanks a lot for the code
    Code is working fine on mobile
    But on desktop it is cutting content and arrows from left. This issue appears only in rtl Arabic only. In English it works fine. I tried to remove “rtl” from the code and it didn’t work
    https://www.loom.com/share/ddb472ef29e546688e1b04ef09714dfe

    September 28, 2019 at 8:37 am #147205

    Ramialshami
    Participant

    Update:
    This issue appears in some products and doesn’t in others

    September 28, 2019 at 9:24 am #147209

    Elise Noromit
    Member

    Hello,

    Please provide a few products URL with the problem.

    Best Regards

    September 28, 2019 at 12:10 pm #147237

    Ramialshami
    Participant

    Hi
    Here it is
    https://riversworld.net/ar/shop/%d9%86%d8%b3%d8%a7%d8%a1/%d9%81%d8%b3%d8%a7%d8%aa%d9%8a%d9%86-%d9%86%d8%b3%d8%a7%d8%a1/%d9%81%d8%b3%d8%aa%d8%a7%d9%86-%d9%86%d8%b3%d8%a7%d8%a6%d9%8a-%d9%82%d8%b5%d9%8a%d8%b1-%d8%a7%d8%ae%d8%b6%d8%b1-%d9%83%d9%85-%d9%82%d8%b5%d9%8a%d8%b1/

    September 28, 2019 at 12:53 pm #147242

    Ramialshami
    Participant

    Hi
    Have a look here also please
    https://www.loom.com/share/02dac954ba68414d915e3a8f5cf89b99
    Some filters are displayed cut partially fro right in Arabic. In the morning it was colors and fabrics. Now it’s fabrics only

    September 28, 2019 at 3:04 pm #147261

    Elise Noromit
    Member

    Hello,

    I do not see the problem on the product page https://prnt.sc/pc5uzr

    As for the filters add colors into each attribute item and check.

    Best Regards

    September 28, 2019 at 3:28 pm #147263

    Ramialshami
    Participant

    Hi
    Please have a look here for more explanation
    https://www.loom.com/share/d4948044ad234192bf5b8cb089357bb6

    September 28, 2019 at 9:14 pm #147294

    Elise Noromit
    Member

    Hello,

    Move the provided below code from Global to Mobile field of the Theme Settings > Custom CSS.

    Best Regards

    September 29, 2019 at 5:55 am #147307

    Ramialshami
    Participant

    Hi Elise
    it works fine now on all devices

    Is there a way to fix this filters issue that I have explained earlier?

    September 29, 2019 at 6:06 am #147308

    Ramialshami
    Participant

    Hi
    Another issue here for size guides. They appear normally in some places and disappear from others.
    Check here please
    https://www.loom.com/share/60a1e134d9554f748bcdb3797349079b

    September 29, 2019 at 8:01 am #147321

    Elise Noromit
    Member

    Hello,

    Please describe the problem in the words, video and screens are good as a piece of additional information showing where and how. Which filters do you have the problem? They are in Arabic I do not understand the problem.

    If the size guide has been created and assigned to a category but does not appear in the product page, it is necessary to check if it has not been hidden in the product page https://prnt.sc/pcdul7

    Best Regards

    September 29, 2019 at 12:27 pm #147373

    Ramialshami
    Participant

    Hi
    The problem is mentioned in words previously.
    Fabric attributes in Arabic are not displayed as they should. You will find that their beginnings are cut. This issue doesn’t occur in En only Ar.

    As for size guides I’ll check products. But all products are uploaded via excel sheet with same parameters. But I’ll check them anyway

    September 29, 2019 at 3:01 pm #147395

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body.rtl .sidebar-inner .basel-woocommerce-layered-nav .has-scrollbar .swatches-display-list>li {
    padding-right: 15px; 
}

    Correct the errors in the CSS as all the further code would not work. https://prnt.sc/pchfc6

    Best Regards

    October 1, 2019 at 6:01 am #147703

    Ramialshami
    Participant

    Thanks a lot, Elise for the code. It works fine now

    As for the last part you mentioned I didn’t notice any errors in the code. If there is, please specify it to me and tell me how to fix it.

    Thanks šŸ™‚

    October 1, 2019 at 7:16 am #147740

    Elise Noromit
    Member

    Hello,

    The correct style is padding-bottom

    Best Regards

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)