Return to previous page

Close Accordian Tabs By Default - by Al - on WordPress WooCommerce support

This topic has 18 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

Al

Participant

December 24, 2017 at 20:49

Hi there,

I am able to close all tabs by default by removing the line:
<?php if($i == 1) echo ‘style=”display:block;”‘; ?>
from the single-product / tabs / tabs.php file

However, doing this makes the first tab selected but not opened. (https://i.imgur.com/TWiHTDK.png)

To open it, it needs to be clicked on twice.

Do you know how to modify the code so that it is neither selected or opened?

Thanks,
Alison

#180675 Copied Theme version: 4.15 WooCommerce version: 3.2.6

17 Answers

Rose Tyler

Support staff

December 26, 2017 at 09:56

Hello,

Sorry for the delay due to the weekends.
You need also to find these lines http://prntscr.com/hscf4q (xstore/js/etheme.js) and comment, like on screenshot https://prnt.sc/hscfex Then copy content of this file and minify it https://jscompress.com/, replace content of etheme.min.js file.

Regards

#180692 Copied

Al

Participant

December 26, 2017 at 13:49

Hi Rose,
I just tried doing that, but it doesn’t change anything (even after clearing cache).

#180705 Copied

Rose Tyler

Support staff

December 26, 2017 at 13:56

Hello,

In this case, please provide temporary wp-admin and FTP access in Private content.

Regards

#180706 Copied

Al

Participant

December 26, 2017 at 15:41

Sure, access is provided in private content below.

I’ve changed back the files (tabs.php) and (etheme.js / etheme.min.js) after it didn’t work, so the theme files are just like original.

Please, contact administrator
for this information.

#180707 Copied

Rose Tyler

Support staff

December 26, 2017 at 16:03

Please provide FTP access (FTP hostname, FTP username, FTP password).

Regards

#180709 Copied

Al

Participant

December 26, 2017 at 17:22

I have updated the private content above to contain the FTP information.

#180714 Copied

Rose Tyler

Support staff

December 27, 2017 at 08:23

Hello,

Unfortunately, we can’t connect. Please check credentials.

Regards

#180725 Copied

Al

Participant

December 27, 2017 at 18:14

New Details Enclosed in Private Content.

1) I would like the accordion tabs to be closed on load.
2) I would like to know if I can set it so that the product name / product price are shown on hover on the product pages.
3) Also, I am using the landing watch theme, and added the CSS:

.single-product-right .product-images {float:left}
.single-product-right .product-information {float: right}

to “Custom CSS for desktop (992px+)” in order to change the orientation of the product image / product information layout. I am aware that 8theme options has multiple page layouts for the single product page, but the layout w/ the product image on the right has the best styling, so I just used CSS to move the image to the left.

This custom CSS styling works, but if I toggle “fixed product image” to on, the image moves back to the right.

Please, contact administrator
for this information.

#180758 Copied

Rose Tyler

Support staff

December 28, 2017 at 12:57

Hello,

1. Please check.
2-3. We’ve added http://prntscr.com/htb1q8
you may also uncomment these lines http://prntscr.com/htbh3b and check if you want such effect on hover for prices.

Regards

#180789 Copied

Al

Participant

December 28, 2017 at 14:11

Hi Rose,

Thanks for all the help so far.

#180796 Copied

Rose Tyler

Support staff

December 28, 2017 at 14:15

About tabs, we made changes in xstore-child/woocommerce/single-product/tabs/tabs.php and in etheme.js, etheme.min.js files (xstore/js/ folder) – http://prntscr.com/htch59, so after theme update you will be needed repeat it in etheme.js and minify the content of this file to etheme.min.js.
Let us know if you need any further assistance.

Regards

#180797 Copied

Al

Participant

December 28, 2017 at 14:20

Hi Rose,

The custom CSS for only showing product names / prices works great, but how can the code be adjusted such that the product names and prices are positioned in the middle of the product images?

The custom CSS code you’ve added for single product with fixed image doesn’t change anything for the product pages. Also, toggling “fixed product image” in settings doesn’t change anything on the product pages anymore. I think it may have to do with changing core plugin files, as it previously made the product image fixed, but changed the orientation of the product image / product content.

Again, thank you for the awesome support!

#180798 Copied

Rose Tyler

Support staff

December 28, 2017 at 15:05

Hello,

1. Your question about tabs requests additional customization which is beyond our basic support scope. We can give only tips and we already made that, but if you need further help with additional customization contact WP-Kraken team.
Please read https://themeforest.net/page/item_support_policy
2. We’ve made some changes in Custom css code, please check.
3. Please check.

Regards

#180799 Copied

Al

Participant

December 28, 2017 at 16:14

Everything is working well other than the fixed image.

The image is only fixed when you go into Chrome developer tools. When the page is loaded normally, the image isn’t fixed. Please help with this issue.

Thanks in advance!

#180800 Copied

Rose Tyler

Support staff

December 28, 2017 at 17:06

Seems it is not possible for now to have the fixed image and closed tabs together.

Regards

#180801 Copied

Al

Participant

December 28, 2017 at 18:34

Alright, I understand. You can close this thread.

Thank you for all the help, Rose!

#180803 Copied

Rose Tyler

Support staff

December 29, 2017 at 13:16

You’re welcome!
Have a nice day.

Regards

#180821 Copied
Viewing 18 results - 1 through 18 (of 18 total)