Single Product full width & remove variations

This topic has 9 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez

  • Avatar: Zaid ALi
    Zaid ALi
    Participant
    October 4, 2022 at 10:36

    Hello,
    How can I make the product page on desktop full width, like its on the marselli 2 theme, also I want to remove the variations swatches like color and size from front page..

    https://ibb.co/s6XwChN
    https://ibb.co/m8GLQ2n

    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2022 at 12:35

    Hello,

    Theme Options > WooCommerce > Single Product Builder > change width of sections, for example https://prnt.sc/YqG5WEEhhURc ; Single Product Builder > Layout > Full Width Layout

    Regards

    Avatar: Zaid ALi
    Zaid ALi
    Participant
    October 4, 2022 at 15:49

    What about the removal of vartiation swatches on front page

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2022 at 15:52

    Hello,

    Theme Options > WooCommerce > Shop elements > Variation swatches > Swatch Position > Disable. In this case vartiation swatches will be disabled on Shop page too.
    If you need it for the Home page only, provide URL of the page and temporary wp-admin access, via the Private Content area.

    Regards

    Avatar: Zaid ALi
    Zaid ALi
    Participant
    October 4, 2022 at 15:55

    Can you also please shorten the width of mobile menu.

    Please contact administrator
    for this information.
    Avatar: Zaid ALi
    Zaid ALi
    Participant
    October 4, 2022 at 15:59

    Please make the single product section as earlier, I tried putting full width but its becoming mobile vview

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 5, 2022 at 06:25

    Hello, @Zaid ALi,

    The width of mobile menu is set to fine as you can see in the image of your site: https://postimg.cc/8JNK4S3z and regarding to the single product page layout I have set the layout to full from the XSTORE >> Theme Options >> WooCommerce >> Single Product Builder >> Layout check the image: https://postimg.cc/yWrjgcVd and here is the resulting image of it: https://postimg.cc/BP8xc7qv

    Please check back to your site after clearing the browser cache.

    Regards 8Themes Team.

    Avatar: Zaid ALi
    Zaid ALi
    Participant
    October 5, 2022 at 08:44

    Hello,
    I need help in these.

    1. Please give me css or other way to decrease the size of mobile menu when we open it. I want it to be 50% of the scree.
    2. I want to show percentage of discount before the price in single product section.

    Thanks & Regards

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 5, 2022 at 09:44

    Hello, @Zaid ALi,

    1- Your issue is resolved now kindly check back to your site after clearing the browser cache. I added a custom CSS code in the theme options to solve your issue check the image here: https://postimg.cc/njGQP7sb and https://postimg.cc/gwPVtGMh

    2- Sorry to say, that there is no option like this in the theme it requires customization. If you want paid Customization services submit a customization request to WPKraken team.

    Regards 8Themes Team.

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

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

Helpful Topics

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