What's New
- AuthorPosts
Hi,
the fix worked fine for bestsellers box, but it doesn’t work for the product name (on product page only), is the following code correct?.product_name_wrap {font-weight: 600; font-size: 1.3rem;}
1/Is it possible to remove fly out buttons from the bestsellers box as well?
2/how can I add padding above add to compare, add to wishlist and QR code line on product page? See image please.
3/how can I set top bar transparency – same you have on panda second?
4/I would like to create a section on home page with two columns and some nice mouse over effect, similar that you have on your template panda2.sunnytoo.com/seventh/ – image attached. Would you please point me the right direction, where can I create it?Attachments:
Hi,
0. Please use the following code to change the product name:
.product_name_wrap .product_name {font-weight: 600; font-size: 1.3rem;}
1&2. Yes, use the following code:.stbestsellers_container .pro_first_box .hover_fly{display: none;} .product-actions{margin-bottom: 10px;}
3. Go to BO > Modlules > Theme editor > Header & Mobile header, enable the “Transparent header” option.
4. Please use the “Advanced banner” module to create it.
Best regards.Hi,
thank you for your fast reply.
3. there is no option for “transparent header”, only “Transparent mobile header” and if I enable it in Sticky header & menu section, it doesn’t work for top bar. Also, can I change font size for the top bar (where the currency button and login is) only?
1. I need to change color of checkout button in shopping cart without changing other buttons but it is not possible, can you please help me? Image attached.
2. Left column, specials block – how to set the “-15%” color to red? There is no such option – image attached.
4. Is it possible to change the size of the sidebar sticky buttons?
5. Title bottom border for special slider and top sellers slider is not working for me – see the settings.
Thank you for being such helpful!
RegardsAttachments:
Hi,
3. Sorry, It is under Theme editor > Sticky header & menu tab, see attached screenshot.
1&2&4&5. Put the following code to the “Custom CSS Code”:.small_cart_sumary .btn-default{color: #fff;background-color: #000;} .small_cart_sumary .btn-default:hover{color: #000;background-color: #fff;} .discount-amount, .discount-percentage {color: #f00;} .icon_text{font-size:12px;} .column_block .title_style_0 .title_block_inner {border-bottom: 2px solid #3b3b3b;}
Best regards.
Attachments:
Hi,
3/ still doesn’t look right… 🙁 I’m OK with it on all pages, but it doesn’t look right on your checkout module, please see image attached.
4/ I had to use this code to fix it.top_bar_item .header_item {font-size:11px;}
😉
5/ I am unable to change the checkout button on the cart page (see image) this code doesn’t work:.btn, .btn-default, .btn-full-width, .btn_to_checkout{color: #fff;background-color: #000;} .btn, .btn-default, .btn-full-width, .btn_to_checkout:hover{color: #000;background-color: #fff;}
6/ How can I create a block with three columns (see image) no background images, just text but would prefer hoover above text effects. Advanced banner doesn’t have option to create borders…
7/ Is it possible to change size of the sticky menu (the one with back to top button)?
RegardsAttachments:
5.
.cart-summary .btn_to_checkout{color: #fff;background-color: #000;} .cart-summary .btn_to_checkout:hover{color: #000;background-color: #fff;}
6. Use the advanced banner module, you need to upload an image for every column, just set a white background to them. I can help you use a piece of css code to add borders like that.
7. Icon size or font size or width of the sidebar?
6. It’s done can you please:
a/ help me with the borders
b/ make it responsive to make sure columns will show on mobile above each other? They appear next to each other now and it doesn’t look good.
c/ any chance for mouse over effect on text?
7. width of the sidebar
8. there is still white bottom bar on each product page “add to compare” – can you please remove it? – please see image
9. I need to make the width between main image and thumbnails smaller – I would prefer slightly bigger image, how can we achieve that? Also, on the same, product page I need the space above the product description smaller – please see the imageAttachments:
7. You can find settings in the “Sidebar and mobile header bar” module.
8. Removing the “Product Comparison” module from sidebar hook fixed the problem.
9. Decreasing the values of these settings under the Product page tab in the Theme editor module.
“Vertical thumbnails slider width”
“Vertical thumbnails slider height”Hi,
thank you very much for your replies.
6b – it is not working, columns are still being displayed next to each other, not below each other on mobile – please see the print screen.
10 – I would like to use tooltips – sorted, I used different example 😉
11 – I’m using two google fonts, is it possible to load them locally instead of downloading them each time page reloads from fonts.googleapis.com?Attachments:
- 6b – You should change “Width on phone (when screen width < 480px)" to 12/12. I've done that for you.
- 10. Find a tooltips plugin, and then load it by using the tracking code field in the theme editor, and then use apiece custom js code to run the plugin.
- 11. The fast way of loading google fonts is loading them from google. If you do want to load google fonts locally, here is guide http://panda2.sunnytoo.com/doc/index.php#custom_font
6b – it is perfect now, thank you!
10 – I sorted it already, no js code, pure css and working just fine 🙂 I can share the code if you like.
11 – you are correct, it is almost not worth it to load google fonts locally these days. I did some research and found webfontloader that allows to load fonts asynchronously. webfontloader
Article on keycdn suggests the following code to be placed in footer:
looks like I'm unable to insert the code...
And I have therefore three related questions:
a/ what do you think about the code?
b/ if we also use Kaushan Script, is the correct line 3 of the code as this:
google: { families: [ 'Kaushan+Script|Open+Sans:400,600,700:latin' ] }
c/ where can I place the code to have it in footer? Custom Javascript?
Keycdn article: web-font-performance
12 – would it be possible to add small mouse over animation to all links – see image (apart from popular tags) in the footer?-webkit-transition: all 0.3s ease-in-out;
8. the white bottom bar on each product page “add to compare” – it keeps coming back! It’s kind of annoying… can you please remove it?Attachments:
Hi and thank you for your reply.
11b – is that piece of code correct?
11c – I’m confused – I was under an impression that the code is for to load fonts asynchronously. Not to stop stthemeeditor to stop loading fonts?
12. the code doesn’t work I’m afraid, I also tried#footer-tertiary .bullet li a{-webkit-transition: all 0.2s ease-in-out;}
and that doesn’t work either
13. When you click “quick view” on any product with rating, you’ll get the image preview with rating at the bottom. But when you click on the link (read X reviews), it does nothing. However it was definitely working fine on Classic theme. Image attached.
14. I would like to change the menu bar background and icon colors on mobile but did not find settings to do so – please see image.
15. I did some debugging and noticed that I’m getting 403 Forbidden on image gb-default-home_default.jpg – please see screen shot.Attachments:
11b, Yes.
11c, If you don’t stop the stthemeeditor to load google fonts, the same fonts will be loaded for twice.
12. You may need to clear your browser cache to make that code take effect. 0.3 may be too short, you can use 1s to test.
#footer-tertiary .bullet li a{-webkit-transition: all 1s ease-in-out;}
13, PS1.7 doesn’t have comments module. The one you are using is a 3rd party one, contact them for help.
14, Using settings in the “ICONS” section under the “Colors” tab in the Theme editor module.
15, Some “No pic” are not generated on your site, that’s why you got that, using this free module to generate “No pic” images https://www.sunnytoo.com/41835/free-no-image-available-image-generation-module-prestashop
11c – can you tell me how to edit the /modules/stthemeeditor/stthemeeditor.php? Will I loose the edit with upgrade?
12 – the code is there, cache cleared, tested on Chrome as well as on FF, it is not working. Does it work for you?
13 – there are some revws related issues in other thread I’ve posted, please add it to the list, I just paid for advanced support
14 – there is no separate setting for mobile – I need to have it #f2f2f2 on PC and #000 on mobile – I attach image with more explanation
15 – sorted by installing your module – it would be nice if the module gives output as to which images were generated.Attachments:
13. What are you expecting when clicking on the rating? Tomorrow I will take a look at that to see how long it would take to do those customizations requests, the same to the request of using js to do what the PObox module does. I’ve got the payment, thanks. We’ve spend a lot of time on you, we need to help other customers too, so sometimes we can’t answer your customization requests.
14. Use this code
@media only screen and (max-width: 991px){#sidebar_box .icon_wrap{background-color:#000;color:#fff;}}
- AuthorPosts
You must be logged in to reply to this topic.