I want to download the same demo as this single product page demo.

This topic has 2 replies, 2 voices, and was last updated 7 years, 1 month ago ago by Olga Barlow

  • Avatar: KUNOICHIjp
    KUNOICHIjp
    Participant
    February 7, 2017 at 22:06

    I am using the DRINK page.
    I want to download the same demo as this single product page demo.
    Please tell me how.
    https://www.8theme.com/demo/xstore/drink/product/whiskey-1ltr-limited-edition/

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 9, 2017 at 18:09

    Hello,

    1) Add the following custom in child theme style.css
    .tabs-full-width {background-color: #ededc0;}

    2) And also “Header Overlaps the content” option is still enabled (Theme Options > General > Header Settings) and it means that header is placed over the content, disable this option. If you tell me what design you have for the header or better for the whole single product page I’ll be able to help you and set correct options.

    3) Add the following code in child theme style.css

    .single_add_to_cart_button {
        background-color: #ededc0;
        border-color: #ededc0;
    }

    4) At present, the product image is 1/3 of the container width: 1/3 (33.3(3)%) add to cart + 1/3 (33.3(3)%) – product image + 1/3 33.3(3)%) product description. Do you want to make it bigger? What proportions do you want for the single product page blocks?

    5) Add the following code in child theme style.css .pswp__bg {background: rgba(0, 0, 0, 0.7);}

    6) As I can see you have already changed the color to yellow.

    Shop, Cart, Checkout and My Account pages are WooCommerce pages and you need to install them during WooCommerce setup wizard. If you did not do this go to WooCommerce > System Status > Tools tab > Install WooCommerce pages.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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