X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Third Party Add-Ons for X-Cart 4 (https://forum.x-cart.com/forumdisplay.php?f=45)
-   -   X-Cart reBOOT (reDUX) Template (https://forum.x-cart.com/showthread.php?t=77655)

PhilJ 06-09-2021 05:11 PM

Re: X-Cart reBOOT (reDUX) Template
 
Testimonials customer-side now utilises proper pagination, so doesn't load all testimonials at once - demo

nauticalstyle 06-09-2021 09:13 PM

Re: X-Cart reBOOT (reDUX) Template
 
Are home page Hero Promo images the way to go now (instead of home page Slider images)?

PhilJ 06-09-2021 09:29 PM

Re: X-Cart reBOOT (reDUX) Template
 
It's up to you, you can have both, but either way, just ensure your images are well optimised, ie. not huge in file size.

Just have at least "something(s)" appealing on your homepage, to draw visitors in further...

You can make use of homepage featured categories/manufactuers also.

Nothing stopping you from adding any content to /skin/reboot/custom/home/home_style_X.tpl

nauticalstyle 06-12-2021 01:14 PM

Re: X-Cart reBOOT (reDUX) Template
 
What about fixed Body container width (Theme) with a full screen Body background image vs. fluid Body container width (Theme), which overrides all other Outer Container settings and hence makes Body background image superfluous.
Which is preferable nowadays?

nauticalstyle 06-12-2021 07:41 PM

Re: X-Cart reBOOT (reDUX) Template
 
I'm using a Combo Menu Header menu type, with Header combo menu - include categories set to Mega.
In large screen mode, hovering over the Categories menu heading displays all the category images and titles in grid format. This is good.
In small screen mode the categories sidebar menu comes up when the Categories menu heading is clicked on. This is also good.
How can I make the hero promo link act like the Categories menu heading?

PhilJ 06-17-2021 12:36 AM

Re: X-Cart reBOOT (reDUX) Template
 
Are you looking to trigger/open the mobile category menu, when clicking on the hero promo button link?

nauticalstyle 06-17-2021 04:04 AM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
Are you looking to trigger/open the mobile category menu, when clicking on the hero promo button link?





Yes.

PhilJ 06-17-2021 04:27 AM

Re: X-Cart reBOOT (reDUX) Template
 
1 Attachment(s)
Attached modified /skin/reboot/custom/promos/promo_hero.tpl will work (tested), but only on mobiles, due to how the sidebar category menu gets re-positioned. On desktops it'll use the regular hero promo link.

But if you'd prefer to display a simple category grid, like your desktop header menu, instead of the hero promo, I've added a new widget in the latest minor update just released.

Upload /skin/reboot/custom/widgets/widget_category_grid.tpl then include to your homepage style template (/skin/reboot/custom/home/home_style_X.tpl) using code...
Code:

{include file="custom/widgets/widget_category_grid.tpl" title=$lng.lbl_categories}

Demo here.

PhilJ 06-17-2021 01:39 PM

Re: X-Cart reBOOT (reDUX) Template
 
June 17th - Some Minor Updates - Changelog, but the most important file is...

/skin/reboot/customer/main/address.tpl

...which fixes the "use as billing/shipping" checkboxes in the address book popup.

Thanks to Paul for spotting the issue... Download the files here.

PhilJ 06-18-2021 06:44 AM

Re: X-Cart reBOOT (reDUX) Template
 
WEBP capability is coming to reBOOT !

I'm already using WEBP images for the demo store images.

peggyr 06-18-2021 02:39 PM

Re: X-Cart reBOOT (reDUX) Template
 
Hi Phil,

I generated new images on a test store of mine where I created a copy of my current live store.

If I want to use these resized images on my 'prod site', what is the best way to do that?

Do I 'rename' the webp suffix to jpg (which is the suffix of my current image P, T, D, C directories, and upload to my live store directories after making a backup of them.

Or do I do something else?

Thanks

Peggy

PhilJ 06-18-2021 05:02 PM

Re: X-Cart reBOOT (reDUX) Template
 
I haven't finished the work yet, maybe wait a few days...

EDIT: WEBP's now supported :)

peggyr 06-18-2021 05:47 PM

Re: X-Cart reBOOT (reDUX) Template
 
Phil,

Will test webp mod tomorrow on TEST server

Thx

Peggy

PhilJ 06-24-2021 04:57 AM

Re: X-Cart reBOOT (reDUX) Template
 
25th June - v4.7.12.6 - WEBP images now supported - Save up to 70% on image file sizes! - Changelog

sinobest 06-28-2021 04:23 PM

Re: X-Cart reBOOT (reDUX) Template
 
https://www.prescriptionsafetyglassesuk.com/


how to let the sub menu in one line, pls?



nauticalstyle 06-28-2021 05:19 PM

Re: X-Cart reBOOT (reDUX) Template
 
Do I have to know Smarty (in depth) to be able to launch a widget from a mouse over or mouse click in a Slider or Promo image? I'm referring to the new category_grid widget in particular.

PhilJ 06-28-2021 11:39 PM

Re: X-Cart reBOOT (reDUX) Template
 
@sinobest, edit /skin/reboot/css/x-menu.css to enlarge the menu item widths...
Code:

nav.xmenu ul ul li { width: 200px; float: none; display: list-item; position: relative; }
nav.xmenu ul ul ul li { position: relative; top: -60px; left: 200px; }

@nauticalstyle, you can include that widget anywhere with the following Smarty code...
Code:

{include file="custom/widgets/widget_category_grid.tpl" title=$lng.lbl_categories align="center"}
Or, explain in a bit more detail what you want to achieve...

PhilJ 06-30-2021 01:57 AM

Re: X-Cart reBOOT (reDUX) Template
 
So I thought, alright, I'll give XC5 a go, having not tried it in years... surely it works ok by now.
Fresh v5.4.1.26 install ... It required a MariaDB upgrade .. ok no problem.
Install went fine, it indicated I should update the apps, so I did.
Next thing, 502 bad gateway.
Thought, ok maybe I need to redeploy the store, so I did.
502 bad gateway.
Maybe an integrity check will fix?

502 bad gateway.

https://xcartmods.com/xc5/xcart/

Left with a dud store, with seemingly no way to fix... admin menu buttons don't work either... grrreat.

Edit, then half an hour later, with no intervention by myself, the store starts working again... hmmmm

Theming-wise, doesn't seem to be much choice, aside from changing logo and CSS overrides.

Some admin functions don't seem to work 100% in Firefox...


And don't call me Shirley.

Dougrun 06-30-2021 02:05 PM

Re: X-Cart reBOOT (reDUX) Template
 
yeah, on the one hand, its great that it updates itself but on the other hand, if their servers have connectivity issued, you're screwed. We use it for a small site we have but I would never change our main site to it and given the price increase soon, we may stop using it.

Dougrun 06-30-2021 02:12 PM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
25th June - v4.7.12.6 - WEBP images now supported - Save up to 70% on image file sizes! - Changelog





A cool add-on for this would be a tool that removes images on discontinued/disabled products. I know xc4 doesn't like deleting products outright, it creates database integrity issues. We have 5208 products and add about 50/yr.

Dougrun 06-30-2021 03:03 PM

Re: X-Cart reBOOT (reDUX) Template
 
even though the page timed out and gave me a 404 error, the webp generator evidently did them all and ...
198531.25 GB361.98 MB922.78 MB -72%

PhilJ 07-01-2021 01:12 AM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by Dougrun
A cool add-on for this would be a tool that removes images on discontinued/disabled products. I know xc4 doesn't like deleting products outright, it creates database integrity issues. We have 5208 products and add about 50/yr.


Hi Doug, I've just added a 'Cleanup Image Folders' button to the WEBP generator, which deletes any 'old' images from the file system that don't exist in the DB image tables. It's quite a handy little utility on it's own, especially if you have an old store.

Tested and works fine, but as a precaution before your first run, I'd make a backup of your /images/ folder.

Get the latest files and re-upload /images/webp/index.php

To delete images on disabled products, you'll need a separate script for that. You can try this ... untested, but should work in theory. The file should go in /admin.

The WEBP generator may struggle on super-large images, so if you get any problems, maybe check the source image file sizes first.

It has only snagged up on me once, which was due to some detailed images being gigantic (4000px +).

Or you can try increasing the memory_limit value...
Code:

ini_set('memory_limit', '128M');

PhilJ 07-01-2021 10:35 AM

Re: X-Cart reBOOT (reDUX) Template
 
Just a tip, if you want to iframe something quickly, like a support app, that resizes automatically, you can add code like this to a static page or wherever...
Code:

<iframe class="w-100 border-0" id="myIFrame" name="myIFrame" src="./path/to/your/app" onload="updateIframe()" scrolling="no"></iframe>
<script src="{$AltSkinDir}/js/plugins/iframe/dynifs.min.js"></script>
<script>
function updateIframe() {
  DYNIFS.resize('myIFrame');
}
setInterval(updateIframe, 500);
</script>

You can see a demo here.

nauticalstyle 07-05-2021 09:05 PM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
@nauticalstyle, you can include that widget anywhere with the following Smarty code...
Code:

{include file="custom/widgets/widget_category_grid.tpl" title=$lng.lbl_categories align="center"}
Or, explain in a bit more detail what you want to achieve...



Thanks Phil,
You say the simple category grid widget can be included "anywhere" with that code. Like when it's included in a home_style_X.tpl (reference your post from June 17). The result is similar to the categories grid displayed when I hover over the (Combo menu) Categories menu. The difference being the widget produces a four column display and the mouseover produces a a six column display (without the Categories title).


So, getting back to your post of June 17, wherein you attached the modified promo_hero.tpl and provided a link to the latest minor update, which included the new categories grid widget, I didn't understand what the modified promo_hero.tpl was supposed to do or how to test it ("only on mobiles").


It's the (Combo menu) Categories mouseover event that I'm interested in. How is that mouseover event captured and how is the code that produces the categories grid launched? Is it in Smarty, JS, or both? If I can understand that, I was thinking I could use the same code to display the Categories grid when a mouseover event occurs on a Slider Image link or a Hero Image link.


How does does promo_hero.tpl and the categories grid widget play a role in this?

PhilJ 07-05-2021 11:30 PM

Re: X-Cart reBOOT (reDUX) Template
 
By the sounds of it you want some sort of mouseover effect adding to the combo menu dropdown, but so far it's vague...

Maybe put a screenshot/mockup together of what you want to achieve and I can suggest a solution for you / create you a custom widget...

Navigation hover effects usually require some extra CSS and/or JS code.

There are some promo widgets already built-in, but you do need at least basic coding knowledge to use them. Examples.

nauticalstyle 07-06-2021 04:09 AM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
By the sounds of it you want some sort of mouseover effect adding to the combo menu dropdown, but so far it's vague...

Maybe put a screenshot/mockup together of what you want to achieve and I can suggest a solution for you / create you a custom widget...

Navigation hover effects usually require some extra CSS and/or JS code.

There are some promo widgets already built-in, but you do need at least basic coding knowledge to use them. Examples.



Sorry Phil, I'm making it sound more complicated than it needs to be.
If I use your Demo as an example, hovering over "Home & Garden" on the header menu displays a categories grid.
I was thinking this Categories grid could be displayed when hovering over the Slide's "Shop Now" button (or, alternatively, a Hero promo link button). But on second thoughts it may not be a good idea :???:

PhilJ 07-06-2021 10:02 PM

Re: X-Cart reBOOT (reDUX) Template
 
I see see what you mean, but it would need a fair bit of tinkering to the homepage slider code for that functionality, and probably won't add much value to the UI.

With Bootstrap and Flickity, there's scope to add category carousels and even category modals - I can build you any kind of custom widget / promo section... just need a basic mockup design of what you need.

Dougrun 07-19-2021 12:56 PM

Re: X-Cart reBOOT (reDUX) Template
 
I think the webp image tool is great, but i think it needs more logic. For example, if i convert all my images and enable it in the settings. they show ok, but when I go to add an item and upload a webp image directly, that image wont show. (because its looking for it in the images/webp folder, not the D folder). And since it doesnt convert/copy webp to webp folder, i would have to save/upload it as a jpg then convert them all again.

Would also like to see support for webm movies. like this nike page has..

https://www.nike.com/t/react-infinity-run-flyknit-2-womens-running-shoe-rfh6Z8/CT2423-005

PhilJ 07-20-2021 11:01 PM

Re: X-Cart reBOOT (reDUX) Template
 
@Doug, I'll see what I can do to improve the WEBP generator this week.

Bizarrely, the Nike store is not far off the new template I'm currently working on.

PhilJ 07-23-2021 06:02 AM

Re: X-Cart reBOOT (reDUX) Template
 
@Doug, ok the WEBP image generator has been improved.

- You can now generate and delete WEBP images on an image-type basis.
- The 'Update WEBP Images' button should now do its job properly... it'll generate only the necessary images that haven't already been converted to WEBP.

You shouldn't need to manually upload any WEBP images ... the generator should do all the work for you.

Get the latest zip via your order invoice and replace /images/webp/index.php

Hope that helps, let me know how you get on.

I've added some general info about the WEBP generator here.

thebluedoorboutique 07-27-2021 12:04 PM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
@Doug, ok the WEBP image generator has been improved.

- You can now generate and delete WEBP images on an image-type basis.
- The 'Update WEBP Images' button should now do its job properly... it'll generate only the necessary images that haven't already been converted to WEBP.

You shouldn't need to manually upload any WEBP images ... the generator should do all the work for you.

Get the latest zip via your order invoice and replace /images/webp/index.php

Hope that helps, let me know how you get on.

I've added some general info about the WEBP generator here.


What kind of storage requirement is needed to keep both? Couldn't you convert the images during upload, and then delete the original, leaving only the webp ?

PhilJ 07-28-2021 12:29 AM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

What kind of storage requirement is needed to keep both?
Not a huge amount, the WEBP images are usually around 60% of the size of the original JPEGs.

Quote:

Couldn't you convert the images during upload, and then delete the original, leaving only the webp ?
That was the plan originally, but this way you don't have to do any extra image uploading, and you can be using WEBP images across your store in minutes, even with thousands of products. You can also enable/disable WEBP images anytime you want.

To integrate WEBP images into the X-Cart core, you need to modify /include/func.image.php, but I couldn't figure it out, so decided to build a separate WEBP image generator instead.

PhilJ 07-31-2021 12:44 AM

Re: X-Cart reBOOT (reDUX) Template
 
@ Doug, WEBP generator updated, you can now update images on an image-type basis.

Also added note/tools re. images with incorrect file extensions...
https://xcartmods.com/reboot/webp

PhilJ 07-31-2021 10:50 AM

Re: X-Cart reBOOT (reDUX) Template
 
The ECCF addon is now bundled in FREE, so if you need any custom forms, give it a go :)

The price of the template has also been reduced to $99 for a limited time only !

PhilJ 08-12-2021 12:18 PM

Re: X-Cart reBOOT (reDUX) Template
 
Possible new custom header category accordion menu for desktops - DEMO - (updated 19/08/21)
It's not dynamic, it works off simple JSON files (it can be made dynamic, but might be useful if you want a custom menu, with only specific categories)
Would this be of interest to any of you lot?
I'll probably just add it to the codebase anyway :)

PhilJ 08-13-2021 11:48 AM

Re: X-Cart reBOOT (reDUX) Template
 
QUICK TIP: If you want to publicly display how many customers bought the product, and the total amount of products sold...

DEMO

1) In /reboot/get_product_info.php

Before...
Code:

?>
Insert...
Code:

# Get amount of people who bought this product
$users_bought_qry = db_query("SELECT COUNT(DISTINCT(userid)) AS total FROM $sql_tbl[order_details_stats] WHERE productid='$productid';");
$users_bought_result = db_fetch_array($users_bought_qry);
$smarty->assign("buyers", $users_bought_result);

# Get amount of products sold
$product_sales_qry = db_query("SELECT SUM(sum_amount) AS total FROM $sql_tbl[order_details_stats] WHERE productid='$productid' GROUP BY productid");
$product_sales_result = db_fetch_array($product_sales_qry);
$smarty->assign("sales", $product_sales_result);

2) In /skin/reboot/customer/main/product_header.tpl


Before...
Code:

{if $config.Reboot.reboot_product_added_modified_details eq "Y"}
Insert...

Code:

{if $buyers.total && $buyers.total gte "2"}
<div class="col-12 col-md-auto mr-md-4 mt-3 mt-md-2">Buyers: <span class="badge badge-pill badge-dark float-right float-md-none">{$buyers.total}</span></div>
{/if}

{if $sales.total && $sales.total gte "2"}
<div class="col-12 col-md-auto mr-md-4 mt-3 mt-md-2">Sales: <span class="badge badge-pill badge-dark float-right float-md-none">{$sales.total}</span></div>
{/if}



Or, do something like...
Code:

{if ($buyers.total && $buyers.total gte "2") && ($sales.total && $sales.total gte "2")}
{capture name=alert}
<b>{$buyers.total}</b> people bought <b>{$sales.total}</b> of these!
{/capture}
{include file="customer/alert.tpl" content=$smarty.capture.alert close=true type="success" icon="check"}
{/if}


Maybe useful if you have healthy sales :)

PhilJ 08-20-2021 02:07 PM

Re: X-Cart reBOOT (reDUX) Template
 
I'm in the process of adding a 'proper' blog with backend management to reDUX ... DEMO

I'll be trying to implement blog 'clean urls' for categories and posts in PHP / .htaccess, but if anyone knows any tips for doing it, please drop us a PM.

Dougrun 08-30-2021 08:20 AM

Re: X-Cart reBOOT (reDUX) Template
 
Quote:

Originally Posted by PhilJ
Possible new custom header category accordion menu for desktops - DEMO - (updated 19/08/21)
It's not dynamic, it works off simple JSON files (it can be made dynamic, but might be useful if you want a custom menu, with only specific categories)
Would this be of interest to any of you lot?
I'll probably just add it to the codebase anyway :)





its also live on our site..

https://www.vsathletics.com/store/home.php

PhilJ 09-07-2021 11:37 PM

Re: X-Cart reBOOT (reDUX) Template
 
8th Sept 2021 - Some changes made, including new maximum quantity and case quantity product fields - Changelog - Sorry for the delay! Any problems, drop me a line.

The new blog I intended to make is on hold for the moment, as the current 'built-in' blog actually works just fine :)

I'll be adding more homepage styles next (5-12), probably over the weekend.

peggyr 09-08-2021 10:35 AM

Re: X-Cart reBOOT (reDUX) Template
 
Phil,

MAX QTY works like a champ!

THANKS

Peggy


All times are GMT -8. The time now is 03:20 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.