Jump to content

NiteFox

Member
 View Profile  See their activity

  • Posts

    100

  • Joined

  • Last visited

  • Days Won

    13

 Content Type 

Posts posted by NiteFox

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    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" />

     

    • Thanks 1

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    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,

     

     

    Basix (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    On 4/20/2021 at 10:19 AM, Lyd2020 said:

    Brilliant thank you! - sorry I have another question 😅, how do you add text and style to the page-header-bar at the top of the page. I have tried and i can't seem to make any changes of it <style> or in the  CSS folder. 

    many thanks!  

    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

    • Thanks 1

    Basix (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    On 4/16/2021 at 8:41 AM, Lyd2020 said:

    HI NiteFox

    It would be a video related to the category

    many thanks

    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.

     

     

     

    • Thanks 1

    Basix (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    14 hours ago, Lyd2020 said:

    Hi Nite Fox, 

     

    Thank you for the reply, I have another question aha! is it possible to as a us four images as four separate buttons on the home page as a link to a page of products? as an alternative to the navigation bar. 

    Thanks

    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.

     

     

    • Thanks 1

    Basix (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    3 hours ago, Lyd2020 said:

    Hi Nitefox,

    Brilliant thank you! it worked, however, when I remove it from the footer/information bar at the bottom it then removes the content when I click on the new button made on the navigation bar. Do i need to write a new style for the new page?  

    also, 

    One of the category already in use, I would like top make into a page on the navigation bar. how do I move the content linked to the category to a new page linked to the navigation bar? 

    many thanks, Lyd 

     

    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. 

    • Thanks 1

    Basix (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted · Edited by NiteFox

    44 minutes ago, Lyd2020 said:

    hey all,

    Is it possible to add a page to the navigation bar at the top of the page? I am struggling to add to it. I currently have the four option that came with the skin, sales categories, advance search, sales items and gift card.  However, I would like to change the gift card title, as well as add two more pages. I know basic HTML and PHP, but really struggling with this one haha! thank you for the template! 

    best,

    Lyd 

    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>

     

    • Like 1

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

     
    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.
     
    • Thanks 1

    CBurst (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted · Edited by NiteFox
    spelling error

    54 minutes ago, Ahmad said:

    i bought this skin 2 times but the download link dose not avtivate yet

    Hi, Sorry to hear you're having issues downloading your purchase.

    If you go to https://www.cubecart.com/extensions/buyer/login and login, you should be redirected to your account where you manage your purchases. Or once you have logged in go to https://www.cubecart.com/extensions/skins/cburst-bootstrap-responsive-skin and you should be able to use the install token and download links.

    I will arrange a refund for the 2nd purchase for you.

    If you still have trouble let me know.

    CBurst (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted · Edited by NiteFox

    2 hours ago, LIBERTY said:

    I would have been interested in buying this skin, as was exactly what I was looking for.  However when I came to purchase this item via the cubecart site, I am presented with a Paypal window that states that a range of personal information including my date of birth, plus many other items of irrelevant personal data would be made available to cubecart.  Not quite sure what type of PayPal that is, as am only used to regular Paypal or Paypal Express, but needless to say I won't be allowing that level of intrusion into my privacy and I'm sure most other buyers wouldn't either.  Perhaps this is something to be looked at, as it must cost developers a large amount of lost sales?

    Hi @LIBERTY, sorry to hear that and fully understand your concerns. 

    According to CubeCarts privacy policy they only collect (name, gender, date of birth, billing address, orders and receipts, email address and IP address) in terms of personal identifying information (although additional info like locale, language and account status in relation to your PayPal account is listed when creating a buyers account) and i would agree that date of birth and gender are irrelevant.

    The data they use is pretty standard when using a login service like "Connect with PayPal", its similar to when you "login with facebook or google" on a website.

    Based on my understanding orders and receipts data would be those relating to your CubeCart purchases and the billing address and IP address is required due to Tax regulations as these are used to determine the amount of Tax due and as "proof" of buyer location required by the EU also for fraud prevention. Additional info requested when creating a buyer account would be personalised your account i guess if different languages are offered and to restrict buyers if their account status is bad.

    Maybe @Al Brookbanks can offer some additional info to ease your concerns but fully understand your decision.

    Thanks for sharing your concerns as i am sure @Al Brookbanks is always keen to know customer thoughts for future updates to the Marketplace.

     

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    Hey @radman

    Pretty sure i have gotten to the bottom of it.

    Due to a recent change with CubeCart the Sale Items / Gift Certificates links don't appear to work in the way that they used to which in turn affects the way that i used them in the template.

    So, as a solution if you like them above the search box i would suggest you hard code them. If this is a route you would like to take please find the instructions below:

    in skins > amzin > templates > main.php around lines 74 - 79 find 

    {if $CTRL_CERTIFICATES && !$CATALOGUE_MODE}
	<li><a href="{$URL.certificates}" title="{$LANG.navigation.giftcerts}"><i class="fas fa-gift"></i> {$LANG.navigation.giftcerts}</a></li>
{/if}
{if $CTRL_SALE}
	<li><a class="sale-link" href="{$URL.saleitems}" title="{$LANG.navigation.saleitems}"><i class="fas fa-tag"></i> {$LANG.navigation.saleitems}</a></li>
{/if}

     

    and simply replace them with 

    <li><a href="https://mybikerleather.com/gift-certificates.html" title="{$LANG.navigation.giftcerts}"><i class="fas fa-gift"></i> {$LANG.navigation.giftcerts}</a></li>
<li><a class="sale-link" href="https://mybikerleather.com/sale-items.html" title="{$LANG.navigation.saleitems}"><i class="fas fa-tag"></i> {$LANG.navigation.saleitems}</a></li>

     

    Sorry for any inconvenience caused by this oversight.

     

    • Like 1

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    Hey @radman

    The W3W compatibility notice in the admin panel is cosmetic - Providing you enter your W3W info it will work as intended. It's just in the admin panel it looks for a certain skin file to determine whether or not its compatible, however for the updates i approached it differently so the certain skin file isn't there.

    As for the other issues, i can only assume something might have been edited incorrectly during your update, i can't seem to load your site (503 Service Unavailable) at the moment so i can't check whats going on.

    • Thanks 1

    Amzin (Bootstrap Responsive Skin)

    in Extension Discussion

    Posted

    @radman420 by data issue i mean that it would appear no data (in this case Products) is been supplied to the $POPULAR variable which is used to load the popular products section. Since it appears to happen in both the Foundation and Amzin skin that would suggest that it isn't caused by the skins.

    All i can suggest is pop a message in Technical Help section as this is beyond a skin issue. Perhaps something went wrong during the CubeCart Update or a setting has changed. I'm running 6.4.1 with Amzin and Foundation and the popular box is loading fine so i'm not sure whats causing yours to not load since you updated.

    • Like 1
×
×
  • Create New...