Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • June 6, 2015 at 4:17 pm #455508
    AnjiG

    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

    June 8, 2015 at 4:36 pm #456177
    Elliott

    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

    June 8, 2015 at 6:54 pm #456289
    AnjiG
    This reply has been marked as private.
    June 9, 2015 at 8:44 am #456514
    Ismael

    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

    June 9, 2015 at 10:53 am #456585
    AnjiG
    This reply has been marked as private.
    June 10, 2015 at 10:01 am #457074
    Ismael

    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

    June 10, 2015 at 8:52 pm #457511
    AnjiG

    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

    June 11, 2015 at 7:36 am #457632
    Rikard

    Hi!

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

    Regards,
    Rikard

    June 11, 2015 at 9:58 am #457687
    AnjiG
    This reply has been marked as private.
    June 11, 2015 at 12:01 pm #457750
    Yigit

    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

    June 11, 2015 at 3:48 pm #457871
    AnjiG

    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

    June 15, 2015 at 12:00 pm #459238
    Andy

    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 8 years, 10 months ago by Andy.
    June 21, 2015 at 8:42 pm #462394
    AnjiG
    This reply has been marked as private.
    June 23, 2015 at 9:33 am #463195
    Andy

    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

    June 23, 2015 at 1:05 pm #463320
    AnjiG

    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

    June 23, 2015 at 2:52 pm #463437
    Yigit

    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

    June 23, 2015 at 5:55 pm #463520
    AnjiG

    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

    June 24, 2015 at 12:57 pm #463979
    Andy

    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 8 years, 10 months ago by Andy.
    June 25, 2015 at 6:38 pm #464660
    AnjiG

    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

    June 29, 2015 at 9:53 am #465677
    AnjiG

    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

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