Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #455508

    Hi
    I have 3 questions (all related to woo commerce)
    1. I’ve created a new page for the shop front based on the Homepage v8-shopfront page. When I go into woo commerce/settings/product/display and put it as the shop page the page looks as if it corrupts slightly (colours are missing & it’s not formatted right). For the time being I have set the “shop” in woo commerce as something else but wondered if you could help?

    2. When the “Return to shop” button is clicked on checkout it goes to something completely different again (not even the page set in woo commerce settings). How do I make it go back to the shop front page? (I realise this maybe resolved by sorting out question1)

    3. Halfway through building the site I changed the colour scheme however I still have the “old” colour scheme on the woo commerce messages (such as “your cart has been updated” message). Is there a way to change this…I’ve looked through all the styling options.

    Many thanks, appreciate all the support Enfold gives
    Anji

    #456177

    Hey AnjiG!

    Where is the “Return to shop” button? I went through your checkout process but I did not see it anywhere.

    Are you using static pages in Dashboard > Settings > Reading? If so then remove them and deactivate all of your other plugins except the main Woocommerce plugin.

    Send us a WordPress login and we’ll take a closer look.

    Cheers!
    Elliott

    #456289
    This reply has been marked as private.
    #456514

    Hi!

    1-2.) You don’t have to set the front page as shop page. Add this in the Quick CSS field functions.php file to change the link of the return to shop button:

    /**
     * Changes the redirect URL for the Return To Shop button in the cart.
     *
     * @return string
     */
    function wc_empty_cart_redirect_url() {
    	return 'http://yourdomain.com/your-page/';
    }
    add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );

    3.) Can you please provide a screenshot of the “warning” issue? Use imgur or dropbox. If you want to change the notification box, use this in the Quick CSS field:

    #top div.woocommerce-message {
      border-color: red;
      background-color: black;
      color: white;
    }

    Regards,
    Ismael

    #456585
    This reply has been marked as private.
    #457074

    Hey!

    Oops.. My bad! The first code should go to the functions.php file. You need to adjust the url:

    /**
     * Changes the redirect URL for the Return To Shop button in the cart.
     *
     * @return string
     */
    function wc_empty_cart_redirect_url() {
    	return 'http://www.manyhearts.co.uk';
    }
    add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );
    

    The second code should go to the Quick CSS field. Please try it without the first code.

    Regards,
    Ismael

    #457511

    Hi Ismael
    Brilliant…thanks it worked!

    I have one more question (don’t know if I need to ask this as a new query). The caption overlay on the site doesn’t seem to be responsive for iPad or tablet. Looking at the other forum questions about this I added

    @media only screen and (max-width: 754px) {
    .avia-image-container-inner, .avia_image, .av-image-caption-overlay { width: 100% !important; }
    }
    to the quick CSS and played around with the max-width but nothing seems to work.
    Let me know if I need to ask this as a new question
    Thanks again…fab support
    Anji

    #457632

    Hi!

    On what page are you having this problem? Please provide us with a screenshot of the problem if possible.

    Regards,
    Rikard

    #457687
    This reply has been marked as private.
    #457750

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1220px) {
    .av-image-caption-overlay-center {
      font-size: 18px!important;
    }}

    Best regards,
    Yigit

    #457871

    Hi Yigit
    Thanks for the quick reply but I’m afraid this doesn’t work either. I’ve tried different max-widths and font size.
    Anji

    #459238

    Hey!

    Yigit’s code should work and I can’t see that it is implemented on your website. Instead I see that there is still “font-size: 25px” defined. Make sure that you implemented it correctly in Quick CSS. Also clear browser cache and refresh your website a few times to check again.
    If it won’t work then please provide us admin access, so we can take a deeper look into it. Post login details here as private reply.

    Regards,
    Andy

    • This reply was modified 9 years, 1 month ago by Andy.
    #462394
    This reply has been marked as private.
    #463195

    Hi!

    as I already told you Yigit’s code was not implemented, so I put it into your Quick CSS field and now it’s working as expected:

    Make sure to adjust the (max-width)-value of the media queries, if you want to fit it for different screen sizes. You can find more information about media queries here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Cheers!
    Andy

    #463320

    Hi Andy
    I did put the CSS in but took it out again as it messed up the way it looked on iphone(6). It looked fine on iPhone before but not good on tablet. With CSS it looks ok on tablet but not on phone so I need to put a similar CSS in for iphone? Thanks
    Anji

    #463437

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    .av-image-caption-overlay-center {
      font-size: 14px!important;
    }}

    Best regards,
    Yigit

    #463520

    Hi Yigit
    Thanks for the help but still not quite right on the iPhone.. On the shop (front) page I have 1 grid rows then another underneath. The first grid row stays as a grid row but the caption is way off the images. The 2nd grid row displays the images under one another (not side by side) and therefore the captions can be read as the image is much larger. Is it a grid row problem rather than a caption problem?
    Again thanks for your help
    Anji

    #463979

    Hi!

    you can control caption for iPhone with this code:

    @media only screen and (max-device-width: 736px) {
    .av-image-caption-overlay {
    top: 150px;
    }}
    

    If this is not what you meant, then please provide us screenshots showing exactly what you are talking about. Use imgur or dropbox.

    Cheers!
    Andy

    • This reply was modified 9 years ago by Andy.
    #464660

    Hi
    I added the code as recently suggested by Andy but it didn’t work so I removed it. The Grid row still isn’t showing properly on iPad or iPhone. I had put that the mobile behaviour of the grid row is having images side by side but this is what I get

    https://www.dropbox.com/s/p70mc093v88topj/IMG_2102.PNG?dl=0

    So for now I have them showing one at a time but would like them to show side by side particularly on iPad. Maybe this is not possible?

    Thanks
    Anji

    #465677

    Hi
    Firstly, I want to thank you for your great support…I think everything is sorted out now thanks. I’ve decided it’s not so good having the grid row images side by side for phones anyway as they are too small so everything else is working perfectly.
    Again thanks
    Anji

Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Shop Page’ is closed to new replies.