Return to previous page

Change store page width and product card page

This topic has 7 replies, 3 voices, and was last updated 2 years ago ago by misha

  • Avatar: misha
    misha
    Participant
    April 10, 2022 at 13:08

    Здраствуйте,

    Подскажите как изменить ширину страницы магазина и ширину и страницы карточки товара?

    Основная ширина сайта 1920px, я хотел уменьшить эти страницы и сделать их максимально 1248px (только внутренний контент не трогая Header и Footer)

    Вы мне ответили тут https://www.8theme.com/topic/how-to-change-the-xstore-site-width-for-specific-pages-please-help/#post-191406

    Почему-то не получилось при введении кода.

    С уважением,

    #321730 Copied Theme version: 8.1.3
    6 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 11, 2022 at 15:35

    Hello,

    Use the below custom

    @media only screen and (min-width: 1300px){
    .container.content-page {
        width: 1248px;
    }
}

    Regards

    #321787 Copied
    Avatar: misha
    misha
    Participant
    April 14, 2022 at 13:23

    Здраствуйте!

    Спасибо, стало все хорошо.
    Подскажите, пожалуйста, какое название контейнера (…. .container) для страницы категорий магазина?

    С уважением

    #322026 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2022 at 08:15

    Hello,

    https://prnt.sc/vNoRg-ndg5yZ , so code for the Shop page –

    @media only screen and (min-width: 1300px){
    .woocommerce-shop .container.content-page {
        width: 1248px;
    }
}

    Regards

    #322068 Copied
    Avatar: misha
    misha
    Participant
    April 16, 2022 at 11:57

    Здраствуйте,

    Да, все хорошо получается на страницах: страница магазина (.woocommerce-shop .container), страница товара (.single-product .container).
    Ну когда переходишь на страницу категории товара (…), то разрешение меняется на стандартное. Я не могу найти нужное название контейнера, чтоб добавить его в код. Как ранее Вы писали название контейнера для страницы магазина – (.woocommerce-shop .container), и страница товара – (.single-product .container).

    С уважением

    #322150 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2022 at 15:22

    Hello,

    .tax-product_cat .container

    Regards

    #322162 Copied
    Avatar: misha
    misha
    Participant
    April 17, 2022 at 07:07

    Здраствуйте,

    Спасибо!

    С уважением

    #322170 Copied

  • Tagged: , , , , , ,

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Change store page width and product card page’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.