• Good day! How can I add a code (table) to all product pages and new product pages?
    <table>
    <tbody>
    <tr>
    <td>Тип размещения.</td>
    </tr>
    </tbody>
    </table>

    The page I need help with: [log in to see the link]

Viewing 8 replies - 16 through 23 (of 23 total)
  • Stef

    (@serafinnyc)

    Nope

    Thread Starter Сергей

    (@derevnya)

    table {width: 100%; text-align: center; border-bottom: 2px solid #dfdfdf; border-radius: 6px; border-collapse: separate; border-spacing: 0px;}
    table thead tr {color: #ffffff; font-weight: bold; background: #c83240;}
    table tr td {border-right: 1px solid #dfdfdf;}
    table tr td:last-child {border-right: 0px;}
    table tbody tr:nth-child(1n) {background: #f6f6f6;}
    table tbody tr:nth-child(2n) {background: #e6e6e6;}
    table tbody tr:hover {background: #ffe8e8; transition-duration: 0.6s;}

    Stef

    (@serafinnyc)

    If you are talking straight css there is. But you won’t be able to add php or html there

    Thread Starter Сергей

    (@derevnya)

    In general, is it really possible to add table code to Additional Styles? Can I add text on the product page?

    Stef

    (@serafinnyc)

    You can ONLY add CSS there. Not PHP and HTML. Be careful adding any TABLE css as you will mess up WC and anything else that uses Tables.

    • This reply was modified 7 years ago by Stef.
    Thread Starter Сергей

    (@derevnya)

    I decided to temporarily use the following table code!
    How can I specify horizontal movement if there is a lot of text?

    <table>
    <tbody>
    <tr>
    <td>Тип размещения</td>
    <td style=”text-align: center;”>Люкс с видом на море</td>
    <td style=”text-align: center;”>Семейный люкс</td>
    <td style=”text-align: center;”>Делюкс с собственной террасой</td>
    <td style=”text-align: center;”>Двухместный номер с двумя раздельными кроватями (с балконом)</td>
    <td></td>
    </tr>
    <tr>
    <td>Цена – сутки/месяц</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>Вместительность</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>Площадь номера</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>Балкон</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>С кухней</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>Особенность номера</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td>Скидки</td>
    <td>5% при втором бронирование на сайте ДЕРЕВНЯ.РФ</td>
    <td>5% при втором бронирование на сайте ДЕРЕВНЯ.РФ</td>
    <td>5% при втором бронирование на сайте ДЕРЕВНЯ.РФ</td>
    <td>5% при втором бронирование на сайте ДЕРЕВНЯ.РФ</td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td style=”text-align: center;”><span style=”color: #008000;”>ЗАБРОНИРОВАТЬ</span></td>
    <td style=”text-align: center;”><span style=”color: #008000;”>ЗАБРОНИРОВАТЬ</span></td>
    <td style=”text-align: center;”><span style=”color: #008000;”>ЗАБРОНИРОВАТЬ</span></td>
    <td style=”text-align: center;”><span style=”color: #008000;”>ЗАБРОНИРОВАТЬ</span></td>
    <td></td>
    </tr>
    <tr>
    <td>В номерах</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Ванная комната</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Питание</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Детская кровать, дополнительное спальное место</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Кондиционер</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Вид из окна</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Стиральная машина/прачечная</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Услуги по уборке</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Парковка</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Интернет</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Баня/сауна</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Бассейн</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Парковка</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Предоплата</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Отмена бронирования</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Врач/Аптека</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Площадка для отдыха</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Площадка для барбекю/мангала/летняя кухня</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Спорт</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Трансфер</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Достопримечательности/Экскурсии</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>Для гостей с ограниченными возможностями</td>
    <td colspan=”6″></td>
    </tr>
    <tr>
    <td>С Домашними животными</td>
    <td colspan=”6″></td>
    </tr>
    </tbody>
    </table>
     

    Thread Starter Сергей

    (@derevnya)

    I will place the table code on the product page!

    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    I added the code table in the product description! But the table goes beyond the edges of the screen. How to finish the table? Code Table:

    from https://ww.wp.xz.cn/support/topic/code-table (I’ve closed that thread)

    It sounds like you’ll want to expand the area where the product description is shown or alternatively, wrap the text within this table.

    To keep things tidy and help in the long run, if you’re not comfortable with coding, I think the best route would be contracting a developer who understands WooCommerce and can add this to your child theme if you’re using one.

    We have some developers listed on our Customizations page (https://woocommerce.com/customizations/)

    Thanks,

Viewing 8 replies - 16 through 23 (of 23 total)

The topic ‘table’ is closed to new replies.