Custom tabs in product page and problems with style

Hi,

I have 2 questions:

1. Is there any way to add custom tabs in product page? Now (screenshot attached) I have 3 pages, how can I add more?:


2. I'm using "style1" css style for <ul> list, but it does not work:

Woocommerce -> settings -> Enable WooCommerce CSS -- unchecked
Storebox styling enabled -- Storebox -> Template Options -> Advanced -> WooCommerce CSS option

Hi,

In regards to the first question - you have to ask Woocommerce support, these tabs depends on product informations (e.g. if you don't fill the description etc. this tab will be invisible). We only provide a visual layer of this view.

In regards to the second question you're right, tommorow I'll prepare a fix for this lists on the product page. (thanks for your feedback)

Piotr Kunicki,

Thank you for the quick response! So no way to make custom tab:(? Or maybe there is a way to enter my custom text on the "Additional information" tab page, not only weight and product sizes? This would be a good solution for my problem.

Try this to add/remove woocommerce tabs.
or you can use this plugin:
http://wordpress.org/plugins/woocommerc ... tabs-lite/ (i didn't test it)

To fix your lists style you have to edit Storebox/css/shortcodes.typography.css file and replace /* Lists */ section (from line 246 to 320) with this fragment:

Code: Select all

/* Lists */
article .intro ol,
article .content ol,
article .summary ol,
article .intro ul,
article .content ul,
article .summary ul,
#tab-description ol,
#tab-description ul {
   list-style-type: none;
   margin: 10px 0;
}

article .intro ol,
article .content ol,
article .summary ol,
#tab-description ol {
   list-style-type: decimal;
   list-style-position: inside;
   margin-left: 10px;
}

article .intro ol li,
article .content ol li,
article .summary ol li,
article .intro ul li,
article .content ul li,
article .summary ul li,
#tab-description ol li,
#tab-description ul li {
   line-height: 25px;
   padding-left: 20px;
   position: relative;
}

article .intro ol li,
article .content ol li,
article .summary ol li,
#tab-description ol li {
   padding-left: 0;
}

article ol[data-style="style2"],
#tab-description ol[data-style="style2"] {
   list-style-type: lower-alpha;
}

article ol[data-style="style3"],
#tab-description ol[data-style="style3"] {
   list-style-type: decimal-leading-zero;
}

article ol[data-style="style4"],
#tab-description ol[data-style="style4"] {
   list-style-type: upper-roman;
}

article .intro ul li,
article .content ul li,
article .summary ul li,
#tab-description ul li {
   line-height: 1.8em!important;
   list-style: none;
   margin: 0!important;
   overflow: inherit;
   padding: 2px 0 2px 28px;
}

article .content ul li,
article .intro ul li,
article .summary ul li,
#tab-description ul li {
   background: url('../images/style1/typography/bullet1.png') no-repeat 0 10px!important;
}

article ul[data-style="style2"] li,
#tab-description ul[data-style="style2"] li {
   background: url('../images/style1/typography/bullet2.png') no-repeat 0 10px!important;
}

article ul[data-style="style3"] li,
#tab-description ul[data-style="style3"] li {
   background: url('../images/style1/typography/bullet3.png') no-repeat 0 10px!important;
}

article ul[data-style="style4"] li,
#tab-description ul[data-style="style4"] li {
   background: url('../images/style1/typography/bullet4.png') no-repeat 0 10px!important;
}

It will be also included in the nearest theme update.

Thank you for help! Styles working normal now. And will try your solutions regarding tab pages.