Homepage issues. - by donhetter - on WordPress WooCommerce support

This topic has 14 replies, 5 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler

  • Avatar: donhetter
    donhetter
    Participant
    July 10, 2019 at 22:51

    1) We followed the directions to list all 6 products on the homepage and listed them as a grid, which worked fine. However when you look at the attached URL: https://officialhcgdietstore.dream.press all six products are listed by where is there now white boxes over the product imaged? We would like to to be like it was before with the prices under each product image and not a white box over the image.

    2) When you go to our homepage you go to that layout and then when hit the home button on the menu you go to different pay layout. How can we make the page layouts the same? meaning make the https://officialhcgdietstore.dream.press layout the same for https://officialhcgdietstore.dream.press/home-default/. I didnt know if we could do this or revert the url of home defaut to https://officialhcgdietstore.dream.press

    3) We have the category as “hcgdiet”. and not uncategorized as they once was. Could you please tell us again how to remove category and hide it from view from the customers. We do not want it listed on the right or left side of the website.

    4) On the home page https://officialhcgdietstore.dream.press at the bottom is the newstetter box. Is there a way to remove this newsletter box and had a box that we could had a custom image in its place?

    5) How do we remove the “brands” from the entire website?

    13 Answers
    Avatar: Ersain
    Ersain
    Participant
    July 11, 2019 at 05:58
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 11, 2019 at 08:50

    Hello,

    I would recommend you to create separate topics for different questions.
    1) You can change “Product View” in Settings of Products element.
    2) Sorry, but your request is a bit unclear for me, please describe the desired result in more details.
    You can change Home menu item in the menu via Appearance > Menus https://prnt.sc/odhosp
    3) Set another category as the default category http://prntscr.com/odhap6 then delete the uncategorized one http://prntscr.com/odhau4 Also, you can set “Hide empty categories” in settings of Product categories widget http://prntscr.com/mo0v82
    4) This block http://prntscr.com/odhbkx is a part of the home page so can be edited – http://prntscr.com/odhby4
    5) Theme Options > Shop elements > Brands > Brands > Off.

    Regards

    Avatar: donhetter
    donhetter
    Participant
    July 11, 2019 at 18:49

    1) Can you send a screenshot, where is the product elements page, that we can change the product view? We want the price under the prouct images not hovering over the middle of the image.

    2A) When I talk to my business partner I will send you more details to our question, so you can help us.

    2B) Thank you for the directions to change the menu. If you look at our homepage, when you click on any menu, the menu page you on lits up red. How can see disable this color change. Even on the demo, when you clicked on the page, the menu bar of the page of you was on didnt change to red.

    3) Please send the first screenshot again, the previous one you sent us has no directions.

    4) We will address this issue later.

    5) Got it, thank you

    Avatar: donhetter
    donhetter
    Participant
    July 11, 2019 at 19:02

    added follow up on 3) Where is this section as shown by the screenshot https://prnt.sc/mo0v82

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 12, 2019 at 07:33

    Hello,

    1) Product View/Product content effect can be changed globally – http://prntscr.com/ody320 and separately – http://prntscr.com/ody3ke
    Select “inherit” here – http://prntscr.com/ody3ox to take the value from theme options.
    2) By default it takes color from here – https://prnt.sc/ody5h3 for an active menu item, to change the red color go to Theme Options > Typography > Menu > Menu 1 level (hover, active) > set the desired color.
    3) Sorry, here it is – http://prntscr.com/odhap6
    Appearance > Widgets > Shop sidebar > http://prntscr.com/ody6h5

    Regards

    Avatar: donhetter
    donhetter
    Participant
    July 12, 2019 at 18:35

    1 We are still confused about this, sorry, as shown on the home pge https://officialhcgdietstore.dream.press that prices and name of products hover over the product image. as shown by the shop page. https://officialhcgdietstore.dream.press/buy-hcg-diet-drops/ the prices and names do not. what options do we need to choose so on the homepage, the name and prices are at the bottom of the product image and they do not hover over the product image as they currently do.

    Once we get this fixed and I hope soon. Is there a way than to change the fonts, make them bolder, bigger etc of the product name and prices as they appear on the home page and the shop page?

    2 At Theme Options > Typography > Menu > Menu 1 level (hover, active) > set the desired color. if we do not want any color or hover effect on the menu what do we choose here? We just dont like when you click on the menu, and go to that page the menu name of that page lit up red.

    3 We set the default category to hcg diet and deleted the uncategorized one we then went to shop side bar and to Hide empty categories, we checked that and saved. Did we do something wrong here? because now the HCG diet cater gory is showing up everywhere on the website?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 13, 2019 at 08:47

    Hello,

    1. Please see screenshots – http://prntscr.com/oefms7 > http://prntscr.com/oefmtu
    Add this code in Theme Options > Custom CSS > Global custom CSS to change the font styling of the product name and prices:

    .content-product .product-title {
        font-size: 18px;
        font-weight: 600;
    }
    .content-product .price {
        font-size: 18px;
    }

    http://prntscr.com/oefnny
    2. In this case, you need to set the current color of menu items – #222222
    3. You did all correctly. To remove the category from here – http://prntscr.com/oefokj , move “Product categories” to Disable column here – https://prnt.sc/oefoui
    Disable sidebar here – http://prntscr.com/oefp6s
    Let us know if you need any further assistance.

    Regards

    Avatar: donhetter
    donhetter
    Participant
    July 14, 2019 at 15:24

    Thank you for the help!

    2 We set the current color of menu items to #222222, if you want to check we did that correctly that would be fine; however, on the main menu the hover effect of the color red is still be shown on each menu page after you click on it.

    3 We followed the instructions and it appears we did it correct but if you noticed on each product page, example: https://officialhcgdietstore.dream.press/product/hcg-triumph-26-day-diet-kit/ the product category “HCG Diet” is still being shown on each product page.

    4) Is there options to remove the right and left side category list from both desktop and mobile devices? I know currently we are working to remove it from all desktop displays.

    5) Is there a way to remove the calender from both right and left side displays. We would like to remove this entirely from the site.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 14, 2019 at 15:42

    2) As I can see, the color of current-menu-item is #222222 – http://prntscr.com/oeun9f If for you the for is red there, you need to clear the cache.
    Also, disable “Menu cache” here http://prntscr.com/oeunup , enable this option once work on menu structure and styling will be finished.
    3) Oh I see, to hide it from the single product page, you need to add this code in Theme Options > Custom CSS > Global Custom CSS:

    .single-product .products-page-cats > span {
        display: none;
    }

    4) Please check your site now. If this doesn’t look as expected, provide me screenshots for better understanding the desired result.
    You can use Lightshot screenshot tool https://app.prntscr.com/en/index.html to share screenshots.
    5) Theme Options > Blog > Blog layout > Sidebar position > Without sidebar or edit content of Main sidebar area http://prntscr.com/oeur1z

    Regards

    Avatar: donhetter
    donhetter
    Participant
    July 16, 2019 at 00:31

    2 I think we got the menu color right this time if you can check if we did, we would appreciate it.

    3 Could you please check to see if we added the code correctly in Global Custom CSS

    5 Could you please check to see if you remove the calender from the website?

    New Questions

    6 We got the browser cache cleared again and this time the top bar, and the two bottom footer bars are black. Could you check on the color to make sure they are the same code of black? For some reason on our devices, the top bar looks more black than the two bottom footer bar menus. the top bar looks more black and the bottom footer menu/copyright bars look like a different color code of black. Also the color shade of the white text and social media buttons on the top bar looks like a different code of white than the text of the menu and copy right text on the footer bars. Could you check on this as well?

    7 When customers add products to there cart and than to search the website to view more products why do we get the attached screenshot? http://prntscr.com/ofiaq2

    When a customer adds a product to there cart and when they go to another product page to search for more products to buy they get two very small cut off images of different products on both right and left side of the screen. We do not know what this is or what its there but it needs to be removed. This happens everytime for example a customer adds a product to the cart and decides to continue to search other products, when they click on any product page, thee two small image appear on each side of the screen.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 16, 2019 at 12:22

    Hello,

    2) Great.
    3) If you don’t see the categories on the single product page it means code work ok. Also, you can check it using dev tools http://prntscr.com/ofq7iu
    5) If you followed the instructions from the previous reply and don’t see it on pages where it was before then everything is ok. So, I don’t understand your question.
    6) There is no difference. You can check it by yourself using dev tools https://gyazo.com/ae7da6f74b6982fbc6b4d9b936d39bb4
    7) These images are prev/next products and they are always on the page not just if you add the product to cart https://gyazo.com/c1e224bddb369d3b12ea94700e628760
    If you don’t like them just disable in Theme Options > Single Product > Show Next/Previous product navigation > Off.

    Regards

    Avatar: KG
    KG
    Participant
    July 9, 2020 at 03:53

    1. How to remove the calender icon from top bar, i dont seem to find it anywhere.
    2. When i close the customizer it redirects to the site page, whereas it should normally redirect to the wp-admin section.
    3. How to edit the icon colour of the left – all departments column in niche demo.
    4. Is there a way to add the search bar to the sticky header?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2020 at 08:01

    Hello,

    1, 2) Please provide URL and temporary wp-admin access.
    3) Do you mean these icons http://prntscr.com/tej6pn , just change images http://prntscr.com/tej6tx
    4) Theme Options > Header builder > Header sticky > http://prntscr.com/tej7x1

    Regards

  • Viewing 14 results - 1 through 14 (of 14 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.