Jump to content


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by NiteFox

  1. Thanks Deby, its been a pleasure working with you and great advice.
  2. Thanks for the kinds words I have always aimed to deal with things respectfully to all involved and it's a shame things have to come to an end but i know the skins are in safe hands. I've always approached things in a way that I'd want to be treated if "the shoe was on the other foot" so hopefully everyone will understand my reasoning and approach. If there was more hours in the day I'd gladly carry on. My inbox will remain open (even after 07/02/2022) for anyone and I'll be casting a eye over cubecart now and then to see it continue to grow as a great script. It's been a pleasure to deal with everyone I've dealt with over the years and thanks to Al for making it an easy process and for building a user friendly script and been supportive when needed.
  3. Dear Customers / CubeCart Community, It is with regret that after 3 years of providing content for CubeCart i intend to discontinue my skins and support. As per agreement i am issuing a 30 Day Notice period which will expire on 07/02/2022 (Existing customers have also been notified via email). After this date support/updates for my skins will no longer be provided by myself. I have spoken with Al and decided to donate the skins to CubeCart for free so that they don't go to waste (for which i am greatful to Al for accepting). It is my understanding that the skins will be released for free under CubeCart who will be the new owner/maintainer of the skins. This isn't the news i wanted to start the new year on and understand this may cause some concern and disappointment but i need to ultilize my time for work and my personal life and web development no longer fits in with this. What does this mean for your site? Your site will remain to function as normal and you are free to continue to use any skin you have purchased from me for as long as you require. In the event your purchased skin becomes incompatible with CubeCart in the future it will be your responsibility to make any changes or seek a 3rd party to assist. Alternatively, switch to the re-release version once released by the CubeCart team. Where can i download the latest version of my skin before the deadline? To avoid new customers from purchasing any skins i have had to unpublish them from the marketplace, please send me a PM or Email and i'll provide details how to obtain the last version released. (Please note - Only default versions of skins will be issued, please allow upto 24 hours for any requests to fulfilled .) Any questions or concerns please feel free to reply below, send me a PM or email, Best regards,
  4. Hi, As @bsmither stated. It works across multiple screen sizes (mobiles , tablets , desktops , laptops etc..) You can test it yourself at http://nitefox.x10host.com/?select_skin=dillion|default Thanks.
  5. Hi, Unfortunately I don't offer trials of my skins. Thanks
  6. Hi @kiwi To add selected document links to the category menu you'll need to add them manually Open - amzin > templates > box.navigation.php Find lines 29-31 {if $CTRL_SALE} <li><a class="sale-link" href="{$URL.saleitems}" data-level="1" title="{$LANG.navigation.saleitems}"><i class="fas fa-tag"></i> {$LANG.navigation.saleitems}</a></li> {/if} Now just below it (before the </ul>) add your document links using the following structure <li><a href="###LINKHERE###" data-level="1" title="Document One"> Document One</a></li> To make the images responsive you'll need to remove the height/width styling from the html content and add class="img-responsive" to each of the image html elements. To do this, click on the document page in the admin panel and select the content tab then add images as normal. Then press the "source" button in the top left corner of the editor. Your images will look something like : <img alt="" src="/CubeCart/images/source/prod_01_a.png" style="width: 510px; height: 510px;" /> Now, remove the styling and add class="img-responsive" so it would look something like <img alt="" src="/CubeCart/images/source/prod_01_a.png" class="img-responsive" />
  7. Hi @BargainDeals, 1) No Slider Sliders are supported, but you will need to "build" one when editing your sites content pages. To add a slider please see the following reply on how to create one > https://forums.cubecart.com/topic/55948-amzin-bootstrap-responsive-skin/?do=findComment&comment=246595 2) Logo To Small The skin can only work with what it is provided with. The skin has a pre-set area for logos which has a max-height of 50px and max-width of 260px; - the image you have uploaded has 32px by 180px so to get a bigger logo you'll need to upload a bigger image to make use of the available space. Looking at your site i'm not seeing anything wrong with it, looks how it should based on how you set up your site so if you have any other specific things you're concerned don't look right list them and i'll go over them. Thanks,
  8. Update: Bootstrap doesn't seem to support RTL out the box therefore i will look into it this week to compile the relevant css rules which need to RTL support added and get back to you.
  9. To add text you would edit templates > main.php To modify the style you would edit the relevant css file to the skin style you have set as default (style.css , cubecart.style01blue.css, cubecart.style01mint.css ect...) or if you have a cubecart.custom.css file you can add the following to it .page-head-bar { background-color: #3c3241; margin-bottom: 10px; } .page-head-bar .page-head-bar-links{ float:right; } .page-head-bar .page-head-bar-links .parent-link { display: inline-block; padding: 5px 10px; color: #3c3241; background-color: #cddc39; font-size: 12px; border-left: 1px solid #3c3241; border-right: 1px solid #3c3241; margin-left: -1px; } .page-head-bar .page-head-bar-links .parent-link:hover, .page-head-bar .page-head-bar-links .parent-link:focus{ text-decoration: none; background-color: #bcca35; color: #ffffff; border-left: 1px solid #bcca35; border-right: 1px solid #bcca35; } .page-head-bar .page-head-bar-links .dropdown { display: inline-block; } .page-head-bar .page-head-bar-links .dropdown .dropdown-menu{ border-radius: 0px 0px 1px 1px; margin-top: 0px; border: 0px; padding: 0px 0px 0px 0px; box-shadow: 1px 2px 8px #323232; } .page-head-bar .page-head-bar-links .dropdown .dropdown-menu li a { padding: 5px 15px; color: #555555; } .page-head-bar .page-head-bar-links .dropdown .dropdown-menu li a:hover, .page-head-bar .page-head-bar-links .dropdown .dropdown-menu li a:focus{ background-color: #bcca35; color:#ffffff; } then modify the style to suit your needs. You will need to clear the site cache if you have the cache enabled to see css changes
  10. Sorry for the delay. One option would be to use the HTML <video> element in your category description. So you would upload a mp4/webm or ogg video to your site then when writing your description click the source button on the text editor and use something like <video> <source src="catvideo.mp4" type="video/mp4"> Your browser does not support the video tag. </video> Only issue is you'd have to play around with adding some other html and styling to try and get the layout right. Alternatively you could add a button and have the video load in a pop-up modal.
  11. So does the video relate to the Category or are you trying to display a video for each product when viewing a category?
  12. Hi, Without knowing anything about the images (size ect) you intend to use i can only give a vague example. Assuming the images you plan on using are all the same size/dimensions then you could do something like: 1) Upload the 4 images to your site (for the example below i've used square images and uploaded them to root > images > source ) 2) Admin > Documents > Select the document which is your homepage 3) Select the "Content" tab and then click the "Source" button on the text editor. 4) Add some html to display your image "buttons" - For the example i am using square images so layout might need changing if you use rectangular images. <div class="home-blocks"> <div class="row"> <div class="col-xs-12 col-sm-3"> <a href="http://www.google.com"> <img class="img-responsive" src="images/source/mens_sale.png" title="Shop Mens Sale" /> </a> </div> <div class="col-xs-12 col-sm-3"> <a href="http://www.google.com"> <img class="img-responsive" src="images/source/womens_sale.png" title="Shop Womens Sale" /> </a> </div> <div class="col-xs-12 col-sm-3"> <a href="http://www.google.com"> <img class="img-responsive" src="images/source/childrens_sale.png" title="Shop Childens Sale" /> </a> </div> <div class="col-xs-12 col-sm-3"> <a href="http://www.google.com"> <img class="img-responsive" src="images/source/clearance.png" title="Clearance Sale - All Stock Must Go!" /> </a> </div> </div> </div> 5) Add a small bit of css When adding custom css styling i recommend you create a custom css file so that they don't get lost during any updates. To create a custom css file go to skins > basix > css and make a copy of the cubecart.default.css file and rename it cubecart.custom.css Open cubecart.custom.css and add the following .home-blocks{ text-align:center; } .home-blocks a { display:inline-block; margin: 10px 0px; } .home-blocks a img{ max-width:100%; } @media (max-width: 767px){ .home-blocks .col-xs-12 { width: 50%; } } then go to skins > basix > templates > element.css.php and add <link rel="stylesheet" href="{$ROOT_PATH}skins/{$SKIN_FOLDER}/css/cubecart.custom.css"> And clear your site cache via your admin panel.
  13. Hi Lyd, If you edit the page/document via the admin panel "status" should be ticked and "Show link to document in storefront?" unticked. This should hide the link in the footer but leave the content accessible by the new nav link. If you are linking to a category, don't create a new page/document as stated in step 1. Simply just do step 2 and use the url for the category for the link. Thanks.
  14. Hi Lyd, It is possible to add to the area you mention, however anymore than 3 can cause a layout issue on screens between 768px and 991px (the joys of responsive websites ) you can free up a bit of space by removing the "register" link and just have a login link (theres a register link on the login page and register options during checkout so no biggy) To Add A Page 1) Create a page (Admin > Documents > Create Document) When you create the document a link should appear in the footer of your site. Make a note of the link. 2) Open basix > templates > box.navigation.php Add your link (i've used Affiliates as an example) to the bottom of the list. <li itemprop="name"> <a itemprop="url" href="http://exmaple.com/CubeCart/affiliates">Affiliates</a> </li> and save. NOTE! The navigation file gets cached so you will need to clear your sites cache if you have the cache enabled. (You should have a Clear Cache button in your admin header) Remove Register Link (OPTIONAL - Upto you if you want to) basix > templates > box.session.php Find and remove <li itemprop="name"><a itemprop="url" class="parent-link" href="{$STORE_URL}/register{$CONFIG.seo_ext}">{$LANG.account.register}</a></li>
  15. I've just had a quick look and it seems he uses $('.vnb-sub-cbd').hide(); $('.has-sub-cbd').hover(function(){ $(this).children('.vnb-sub-cbd').fadeToggle(100); }); So the full menu is loaded including sub menus, then JS is hiding the sub menus but since he has a few sub menus the process of hiding them might be getting interrupted/mixed up or causing a "flicker effect" by a hover event if the mouse remains or is suddenly moved over a hover trigger.
  16. Hi, have you tried the instructions in the above post?
  17. Tables are just nasty when it comes to responsive design. Foundation has some options to try make them work such as stacking or making the table scrollable https://get.foundation/sites/docs/table.html (although i believe cubecart doesn't use the current version of Foundation so not 100% on what is available by default) Your font-size issue with the <p></p>elements is caused by #homeSec p styling in cubecart.default.css which targets all p elements within the #homeSec container. try using the following override table p elements styling table tr td p { color: #222; font-size: .875rem; margin-bottom:0px; } to make the table full width table { width:100%; } To make the left cell a certain width you could add the following 40% used as example table tr td:first-child { width: 40%; } although the above would affect all tables so best to give you table an "id" when creating it and adjust the styling so it only hits the table you want it to table#cctable tr td:first-child { width: 40%; } Probably a better away around than this but time is abit short to look too deep into it.
  18. Hi @radman420 That slider is just a basic bxslider banner slider set in the document content for the homepage which you modify via your admin panel. Firstly create your banners and upload them to your site, for example (images > source > slide_001.png) Banners should be of equal size Then, go to your admin panel and in the left-hand menu go to File Manager > Documents Then, select the document for the homepage OR create a new document On the document content section click the "source" button in the left corner and create a slider box by adding : <ul class="bxslider"> </ul> If you want your banner to link to a page or product, then use the following structure within the ul element above : <li> <a href="#LINK HERE#"> <img src="#IMAGE SRC HERE#" /> </a> </li> Replace the following: #LINK HERE# -- with the url you want it to goto #IMAGE SRC HERE# -- with the image source which for the example would be something like --> images/source/slide_001.png Then, repeat for each slide. If you just want your banner to displayed with no link, then use the following structure within the ul element above : <li> <img src="#IMAGE SRC HERE#" /> </li> So, your final content will look something like the following for a slider with linked images: <ul class="bxslider"> <li><a href="http://www.google.com"> <img src="images/source/slide_001.png" /> </a></li> <li><a href="http://www.google.com"> <img src="images/source/slide_002.png" /> </a></li> <li><a href="http://www.google.com"> <img src="images/source/slide_003.png" /> </a></li> <li><a href="http://www.google.com"> <img src="images/source/slide_004.png" /> </a></li> </ul> Then click save, make sure the document is set for Homepage and that the status option is checked. Might need to clear your sites cache. And that should be it.
  19. @bsmither Fab, thanks. So from a skin point of the plugin theres no need to hardcode the hidden element then?
  20. Afternoon When it comes to creating a custom form for a plugin page in the back-end and front-end are tokens automatically detected and checked? <input type="hidden" name="token" value="{$SESSION_TOKEN}" /> Cheers,
  21. Hmmm I'll have a play over the weekend. I used to think the lack of cubecart documentation as a downfall but on a positive note it gets you used to tracing stuff and seeing how it functions.
  22. Yeah I saw the type and id stuff when I was going through the seo class so figured it's more suited to deal with products rather than plugins. I might note it on github unless @Al Brookbanks has any insight into an existing way to accomplish it.
  • Create New...