This topic has 18 replies, 4 voices, and was last updated 5 years, 7 months ago ago by Rose Tyler
– the mouse over on checkout once product is added where do i edit that look for an hour all i can tell is it is a block of some sort see: http://nebcreative.com/support/where-to-edit-this.jpg
– I created a featured products page and the thumbnails and side bar kind of look different than the regular main store page, once particular thing the client doesnt like is the thumbnail quickview and add to cart is all weird looking. see: http://nebcreative.com/support/featured-products-page-issues.jpg
thanks
Hi there,
Thanks for being our customer.
Please, edit the pop up text in Theme Options>>Header>>Header layout>>Mini cart banner content.
As regards to the 2nd issue, please, hold on, our techs will check this on Monday, Thanks.
Regards
ok thanks for the first item and look forward to seeing what they have to say about the second
Hello,
Please add this code in Custom CSS for page area http://prntscr.com/n8y5g8 :
@media only screen and (min-width: 768px) {
.product-view-mask .footer-product,
.product-view-info .footer-product {
display: flex;
justify-content: space-between;
}
.product-view-mask .footer-product .show-quickly,
.product-view-info .footer-product .show-quickly,
.product-view-mask .footer-product .et-wishlist-holder,
.product-view-info .footer-product .et-wishlist-holder {
flex: 1;
position: relative;
border: none;
}
.product-view-mask .footer-product .show-quickly:after,
.product-view-info .footer-product .show-quickly:after,
.product-view-mask .footer-product .et-wishlist-holder:after,
.product-view-info .footer-product .et-wishlist-holder:after {
content: '';
}
.product-view-mask .footer-product .button,
.product-view-info .footer-product .button {
font-size: 0;
padding: 0;
flex: 1;
}
.product-view-mask .footer-product .button:before,
.product-view-info .footer-product .button:before {
margin: 0;
}
}
Regards
thank you rose worked out great
I have a question about mobile specific sidebar, I would like to have one widget before the products and have the rest after the widget for better function of the mobile site, the widget that want to appear at top of just the mobile site is woocomerce vehicle parts finder- VPF so that the user can get right into searching specifically for their car parts.
Also the filter aspect of sorting is there a way to just have it allow choosing how many products on the page rather than the other filter choices
Hello,
Sorry for the delay due to the weekends.
Please describe the desired result in more details with screenshots. You can use such screenshot maker as Lightshot https://prnt.sc/
Thanks in advance.
Regards
I believe this exaggereted mock up of a mobile page shows what i want on mobile version of store. https://prnt.sc/nchmm1
let me know if that is decently explained visually
thanks
Hello,
We have made some changes in child theme functions.php, archive-products.php and style.css files to create custom sidebar for the shop page on mobile. Check if this is what you want.
Regards
I thought it was achievable with the control of mobile sidebar and use of mobile sidebar widget but it seems like it was a bit more complicated.
– looks pretty close, there needs to be some spacing between the sorting filter elements and the my garage
– missing custom css and text change “select category” that i did just a day or 2 ago can be seen on live site https://afhkparts.com/shop/
– Also after the products there is a repeat of the “select your car” widget
– lastly once its dialed in how will i add it to live site?
Thanks
Nate
Hello,
1) Use custom CSS to change the spacing for the necessary elements, for example, http://prntscr.com/ncsplm
.woo-vpf-mv-container {
margin-top: 20px;
}
You can add the custom code to child theme style.css
2) Because you added that custom for the desktop only http://prntscr.com/ncsq3n
Move it to global area or child theme style.css without media query if you want to implement it for all devices.
3) Where https://gyazo.com/1291c85c0cc17d59a4fb0cf52fc5635a ?
4) Copy custom code from child theme style.css file of the dev site to production child theme style.css
http://prntscr.com/ncsrf0
Copy code from functions.php of the child theme http://prntscr.com/ncss3t
And create woocommerce folder and copy archive-product.php http://prntscr.com/ncsshx from dev to production site.
After that go to Appearance > Widgets > add the necessary widget to the custom widget area http://prntscr.com/ncst05
Regards
i didnt realize one thing as i was only viewing these changes on mobile and that the desktop version is changed from before. https://prnt.sc/nd6pa1 client does not want that changed
I’ve checked your site and see this on desktop – https://prnt.sc/nd768i Is it correct? If so, clear cache and check one more time.
Let me know.
Regards
http://nebcreative.com/af/shop/
in chrome on my 14″ laptop is the only place i believe i am seeing it like the screenshot i took
Hello,
1) We don’t see the problem http://prntscr.com/ndlhwu
2) Chrome caches CSS files. Use https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en to clear cache and let me know if you still have the problem after that.
Regards
that took care of it, i will move it over to the live site now and see how it works
seems to be functioning on the live site properly
thanks
Hello,
Thank you for letting us know.
Have a nice day.
Regards
You must be logged in to reply to this topic.Log in/Sign up