What's New
- AuthorPosts
Hello Jonny.
1. I have the Product tabs style as whown on image1 (Tab title center aligned, with the description tab open on the mobile version.). The bug here is that the tabs don’t center as shows image2. They do center if I choose “Tab title center aligned.” but I want the description tab open on the mobile version.
There’s a fix for it?
2. I use to have my thumbnails at 70x80px on product’s page with a value of 45px on
“The width of thumbnail images for grid view and horizontal thumbnails slider: ”
In order to keep a better ratio I have created a new image type 45x51px and choose it in “Gallery image type:” on theme editor.
The thing is that now there’s a bigger gap between thumbnails. See image3. Can this gap be reduced?
Thank you very much!Attachments:
1. It’s a bug, thanks for reporting it. To fix requires to edit the theme file, the ftp access you sent doesn’t work anymore, so you need to apply the fix by yourself.
Open up the \themes\transformer\templates\catalog\_partials\product-tabs.tpl file, fine this code {if $sttheme.product_tabs_style==2 || $sttheme.product_tabs_style==6} flex_box flex_center {/if} Replace it with this one
{if $sttheme.product_tabs_style==2 || $sttheme.product_tabs_style==6} flex_box flex_center {/if}2. Fixed by setting the value of “the width of thumbnail images for grid view and horizontal thumbnails slider” to 45
3. Where do you want to add the link? On the shopping cart page? That guide is for having som custom content on a popup. If you want to make a cms page appear in a popup, then take these steps.
a) Put this code to the custom js code field in the theme editor module.$(document).on('click', '.tri_popup_cms', function (event) { event.preventDefault(); var url = $(event.target).attr('href'); if (url) { if (url.indexOf('?') != -1) url += '&content_only=1'; else url += '?content_only=1'; $.get(url, function(content) { var terms_content = $(content).find('.page-cms').html(); var terms_easy_content = $(content).find('#body_wrapper .easycontent_container'); if(terms_easy_content.length){ terms_easy_content.each(function(){ terms_content += $(this).wrap('<div/>').parent().html(); }); } $('#modal').find('.js-modal-content').html(terms_content); }).fail(function(resp) { prestashop.emit('stecoHandleError', {eventType: 'clickTerms', resp: resp}); }); } $('#modal').modal({'backdrop': false}).modal('show'); });
b) Put this code anywhere you want
<a href="https://cristalsanador.com/es/content/3-terminos-y-condiciones-de-uso" class="tri_popup_cms">click here</a>
1. It’s a bug, thanks for reporting it. To fix requires to edit the theme file, the ftp access you sent doesn’t work anymore, so you need to apply the fix by yourself.
Open up the \themes\transformer\templates\catalog\_partials\product-tabs.tpl file, fine this code {if $sttheme.product_tabs_style==2 || $sttheme.product_tabs_style==6} flex_box flex_center {/if} Replace it with this one
{if $sttheme.product_tabs_style==2 || $sttheme.product_tabs_style==6} flex_box flex_center {/if}Using panda so the path is:
\themes\panda\templates\catalog\_partials\product-tabs.tpl
the line to search is this one:
{if $sttheme.product_tabs_style==2} flex_box flex_center {/if}
The fix works great. Thx!!!2. Fixed by setting the value of “the width of thumbnail images for grid view and horizontal thumbnails slider” to 45
Thank you, but that is precisely what I wanted to avoid. I’ll leave it like that if there’s no natural fix.3. Where do you want to add the link? On the shopping cart page? That guide is for having som custom content on a popup. If you want to make a cms page appear in a popup, then take these steps.
a) Put this code to the custom js code field in the theme editor module.$(document).on('click', '.tri_popup_cms', function (event) { event.preventDefault(); var url = $(event.target).attr('href'); if (url) { if (url.indexOf('?') != -1) url += '&content_only=1'; else url += '?content_only=1'; $.get(url, function(content) { var terms_content = $(content).find('.page-cms').html(); var terms_easy_content = $(content).find('#body_wrapper .easycontent_container'); if(terms_easy_content.length){ terms_easy_content.each(function(){ terms_content += $(this).wrap('<div/>').parent().html(); }); } $('#modal').find('.js-modal-content').html(terms_content); }).fail(function(resp) { prestashop.emit('stecoHandleError', {eventType: 'clickTerms', resp: resp}); }); } $('#modal').modal({'backdrop': false}).modal('show'); });
b) Put this code anywhere you want
click here
Yes, the popup in this case will go on the checkout page.
It does not work for me. When I click the link it does nothing.
See Image1.jpg for location of test link.
You can find the link in module “Cumplimiento del RGPD de PrestaShop”, tab on the left “Personalizacion de la casilla de consentimiento” and then “Mensaje de petición de consentimiento”. See image2.jpg
If you can check please. BO is open for you if you are so kind.
Thank you very muchAttachments:
Hi,
Please add the following code to the “Custom js code”:$(document).on('click', '.link-legal', function (event) { event.preventDefault(); var url = $(event.target).attr('href'); if (url) { url += '&content_only=1'; } else url += '?content_only=1'; $.get(url, function(content) { var terms_content = $(content).find('.page-cms').html(); var terms_easy_content = $(content).find('#body_wrapper .easycontent_container'); if(terms_easy_content.length){ terms_easy_content.each(function(){ terms_content += $(this).wrap('<div/>').parent().html(); }); } $('#modal').find('.js-modal-content').html(terms_content); }).fail(function(resp) { prestashop.emit('stecoHandleError', {eventType: 'clickTerms', resp: resp}); }); $('#modal').modal({'backdrop': false}).modal('show'); }); $(document).on('click', '.link-condition', function (event) { event.preventDefault(); var url = $(event.target).attr('href'); if (url) { url += '&content_only=1'; } else url += '?content_only=1'; $.get(url, function(content) { var terms_content = $(content).find('.page-cms').html(); var terms_easy_content = $(content).find('#body_wrapper .easycontent_container'); if(terms_easy_content.length){ terms_easy_content.each(function(){ terms_content += $(this).wrap('<div/>').parent().html(); }); } $('#modal').find('.js-modal-content').html(terms_content); }).fail(function(resp) { prestashop.emit('stecoHandleError', {eventType: 'clickTerms', resp: resp}); }); $('#modal').modal({'backdrop': false}).modal('show'); });
Best regards.
$(document).on('click', '.tri_popup_cms', function (event) { event.preventDefault(); var url = $(event.target).attr('href'); if (url) { if (url.indexOf('?') != -1) url += '&content_only=1'; else url += '?content_only=1'; $.get(url, function(content) { var terms_content = $(content).find('.page-cms').html(); var terms_easy_content = $(content).find('#body_wrapper .easycontent_container'); if(terms_easy_content.length){ terms_easy_content.each(function(){ terms_content += $(this).wrap('<div></div>').parent().html(); }); } $.magnificPopup.open({ items: { src: '<div class="inline_popup_content mfp-with-anim">'+terms_content+'</div>', type: 'inline' } }); }).fail(function(resp) { prestashop.emit('stecoHandleError', {eventType: 'clickTerms', resp: resp}); }); } });
Hi!
1. In Advanced custom content I have a text to be display only en mobile devices on “Most top of the page”.
Now when the popup you help me to add is display the line is shown wich I’d prefer not to be. IS there any way to remove it from that page or even others if it were the case?. See image1 please. Thx.2. Just start to work on the blog and I can’t find where to customize the background and font color for the block on the left. Notice there som text on same color then background. See image2 please. Thx.
3. Is there a tutorial or docs about how to work with the blog. Thx.
Regards!!
Attachments:
1. See attached pic. remove those lines from the custom js code field.
2. Use the “Heading color” setting under the “General” tab in the Blog editor module to change the color if texts showing on image 2.
3. The blog feature is composed of several modules, take a look at these four, and then you will understand how it works.
“Blog Module”
Blog editor module
Blog Module – Article Slider
Blog Module – Recent articlesAttachments:
Hello.
1. In Advanced custom content I have a text to be display only on mobile devices on “Most top of the page”.
Now when the popup you help me to add is display the line is shown (mobile devices) wich I’d prefer not to be. This only happens on mobile devices, it’s not showing on desktop devices (I used custom links module for that) Is there any way to remove it from that popup or even others if it were the case?. See image1 please. Thx.Removed the code as you said but it does not work. See image1.
2. Use the “Heading color” setting under the “General” tab in the Blog editor module to change the color if texts showing on image 2.
“Heading color” in my system only change color for headings on after footer and “Dejar un comentario”. See image2
I am experiencing too a strange behavior in some functionalities in which when I save the changes they do not take effect in the front office.
3. Catalog/products/any product/tab modules:
I used visual composer to add a text as test into the description tab.
Click “save changes” and then “Guardar” (Save). See image3 please.
No changes in front office.
I click again in “Guardar” (Save) and then changes are shown on front office.
Need to click twice on save for changes to take effect!!.
4. I’ve seen some more ghost behavior on module megamenu, but finally its working.
5. I noticed (don’t know if this is normal, I guest so) when there are two users with admin privileges working on theme module when one or other save changes the results are erratic and changes are not allways saved as expected.
Thank you for your help.Attachments:
Another funy behavior just happend.
I was testing this code from you:.qty_wrap.qty_wrap_big .input-group-btn:first-child .btn{border-right:none;} .qty_wrap.qty_wrap_big .input-group-btn:last-child .btn{border-left:none;} .qty_wrap.qty_wrap_big .form-control{border-left:none;border-right:none;}
and
.bootstrap-touchspin .form-control{background:#444444;color:#ffffff;border-color:#000000} .bootstrap-touchspin .btn-touchspin{background:#444444;color:#ffffff;border-color:#000000}
I don’t think this code has to be with the issue I am going to describe but with the fact that some thing wrong happens from time to time when pressing the save botton in theme module in my system.
On one of the tests when I got back to the cart I found out that the colors of one cart botton changed and I am not using those colors or setup that set of colors anywhere. See images please.
Only thing I can add is that I cleared cache but as I’m righting this a similar issue happend without clear the cache.
Anyway, I can’t make the theme to use the colors in /theme/colors for that botton, no even removing them and putting them back again so now I have two sets of colors in cart bottons as you can see on attached picture.
It’s not the first time that I have experienced this type of behavior when on theme module and I have maked sure that there were no other administrators in the BO.
See if you can help with this please.
Thank youAttachments:
1. Fixed by modifying the custom js code for a little.
2. See attached pic, I set that setting to #fff to make headings be visible.
3. Make sure the smarty Chace is disabled, all cache modules are disabled. See attached 1544, you can enable the developer tools and tick that “Disable cache” setting to avoid have cache related issues.
5. For example, if I and you are both change settings in the theme editor module at the same time, if you click the Save button first, then your changes be overridden by mines.
6. See 1556 and 1555, you set the colors to be like that.Attachments:
Hi
1. Fixed by modifying the custom js code for a little.
Works great!. Thx
2. See attached pic, I set that setting to #fff to make headings be visible.
I can’t find the ubication for this setting.
In module Blog editor/general the main sections I have are “Settings” and “Blog block settings”
check all the blog modules and couldn’t find “Heading on the left/right column”
Please let me know the exact ubication. Thx3. Make sure the smarty Chace is disabled, all cache modules are disabled. See attached 1544, you can enable the developer tools and tick that “Disable cache” setting to avoid have cache related issues.
I only have disabled smarty Chace, I thought it was enough.
Disabling all the CCC fix the problem. Thx5. For example, if I and you are both change settings in the theme editor module at the same time, if you click the Save button first, then your changes be overridden by mines.
I guest so. Thx
6. See 1556 and 1555, you set the colors to be like that.
My mistake. There is a “*}” instead of “{*”. So code was active. Sorry about that.
UPDATE:
Enabled Debug mode and I’ve got error shown on image1.
Find out steel heve problem with prev and next arrows displayng on product’s page even in same category but mostly with products were added after you fixed it installing module “Last visited category” some days ago.Best regards. Thanks!!!
Attachments:
2. Oh, sorry about that. It’s in the”HEADINGS ON THE LEFT/RIGHT COLUMN” section under the “Font” tab in the Theme editor module.
3. Could you let me know on which page did you see that error, I tried on your site, but I can reproduce it.
The “Last visited category” is used to remember the last visited category, in order to get products from the same category for the “Prev and Next” feature.
If you click on a product on the homepage, then in most cases, the “Prev and Next” feature will take products from the default category of this clicked product.
If you find things not working like that, then let me know details so I can check what’s wrong.Hello Jonny, thanks for your help!!
2. Oh, sorry about that. It’s in the”HEADINGS ON THE LEFT/RIGHT COLUMN” section under the “Font” tab in the Theme editor module.
No problem!!. I don’t use left column on the site but on the blog. Thank you.
3. Could you let me know on which page did you see that error, I tried on your site, but I can reproduce it…..
Yes of course, excuse me for not giving you directions.
Enable debug mode. See image1
Click on “Personalizar”/”Modulos”/”Module Manager”. That click shows up the error. See image2.The “Last visited category” is used to remember the last visited category, in order to get products from the same category for the “Prev and Next” feature.
If you click on a product on the homepage, then in most cases, the “Prev and Next” feature will take products from the default category of this clicked product.
If you find things not working like that, then let me know details so I can check what’s wrong.Of course. Here It goes:
structures (Megamenu)
CRISTALES (16 items)–> not working. Showing few items (most with price), no new ones except “Aguamarina”
Cuarzos y minerales (14 items)–> not working. Showing (old) few items (most with price), no new ones
Limpieza cristales (2 items)–> ok, can go prev and next for both of themeNotice: “Aguamarina” only shows arrow(only one) when click it from category “Cristales” if from “Cuarzos y minerales” then no arrow. The item belongs to both cats. Main category for this item is “Cuarzos y minerales”.
The behave we want is that, when in a item the arrows should let move the client along all products in that categoy and only that one. if the product was accessed from category “Cristales” then there should be 16 items for navigation there.
IF it ware “Cuarzos y minerales” there should be 14.
If it ware “Limpieza cristales” there should be 2 –> this is working ok for miNow we have this other case in Megamenu:
HOGAR (4 items)
Geobiologia (4 items)
Here the only item that shows arrow (1 arrow) is “Lapislázuli”. Once click on arrow next product shows no arrows.
The main category for the 4 items is “Geobiologia”
Let me know if I am wrong about how it should be or if I can give more details.
May be I am misunderstanding some thing.And one more thing… could you please have a look at my settings and check if I need to adjust some other options along with disable smarty cache and CCC while configuring my site?. Cos I’m still having some fany behaviors while configuring things.
Thank you for your time and effort!
Attachments:
- AuthorPosts
You must be logged in to reply to this topic.