Your Cart

Shopping Cart Items: 0   Sub-Total : $0.00    View Cart    Checkout
Welcome, Guest ( Customer Panel | Login )


Home | Profile | Register | Active Topics | Members | Search | FAQ


Forgot your Password?
 All Forums
 VPCart Forum
 Customization
 How to move the slider		  New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

sancess
Starting Member

37 Posts
Posted - March 13 2017 :  13:15:17  Show Profile  Reply with Quote
Hi Again,

I plan to build new design for my store and plan to do some customization

I have a question, how to move slider to the body main page? and also how to remove the right side bar?

I want my slider from center to the right so it taking 2 homepage column, center and right column.

Appreciate for any helps

Thanks
Incess

sancess
Starting Member

37 Posts
Posted - March 13 2017 :  13:26:02  Show Profile  Reply with Quote
sorry, forgot to add a screenshot:

http://prnt.sc/ejhdwb

Thanks
Incess
Go to Top of Page

serjtankian
VP-CART Super User

Armenia
378 Posts
Posted - March 24 2017 :  16:36:31  Show Profile  Visit serjtankian's Homepage  Reply with Quote
it seems will need to move the slider code from shoppage_header.htm to body center container. I have tried but still unsuccessfully make it. I will try to again and will post here how it goes



*peace - serj*
Go to Top of Page

soncci
VP-CART New User

USA
97 Posts
Posted - April 01 2017 :  12:48:17  Show Profile  Visit soncci's Homepage  Reply with Quote
I have the slider in the body main page. Cam did it when I upgrade to the 8.0.
The code in the shopfrontpage_header.htm need to be changed.
Mine is setup for 5 sliders and the images are saved in .../templates/default/data1/images/

My site is : www.babynucci.com

About the right side bar you may do that using the confirguration, go to your Control Panel, Website, layout Manager and click the first Edit below the Right Container and set that to No. That will hide the Right side bar.

Hope this will work for you.


<!DOCTYPE HTML>
<html>
<head>
<! This code must remain in all header files -->
<%generatebaseurl%>
<!-- end -->
<%generate_canonical%>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="<%=GetLang("langcharset")%>" />
<title><%shopdynamictitle "title"%></title>
<meta name="description" content="<%shopdynamictitle "description"%>" />
<meta name="keywords" content="<%shopdynamictitle "keywords"%>" />
<!-- BOOSTRAP RESPONSIVE CORE CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link href=''https://fonts.googleapis.com/css?family=Open+Sans'' rel=''stylesheet'' type=''text/css''>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel=''stylesheet'' id=''camera-css'' href=''common/cameraslider/camera.css'' type=''text/css'' media=''all'' />
<!-- BOOSTRAP RESPONSIVE CORE CSS -->
<!-- FOR SLIDE MENU (MOBILE) -->
<link href="common/mmenu/jquery.mmenu.all.css" type="text/css" rel="stylesheet" />
<!-- FOR SLIDE MENU (MOBILE) -->
<!-- SCROLL TO TOP -->
<link rel="stylesheet" href="common/scrollup/pill.css" />
<link rel="stylesheet" href="common/scrolltop/easing.css" />
<!-- SCROLL TO TOP -->
<link rel="stylesheet" type="text/css" media="all" href="templates/<%=getconfig("xtemplate")%>/css/main-responsive.css" />
<link rel="stylesheet" type="text/css" media="all" href="templates/<%=getconfig("xtemplate")%>/css/basic-style.css" />

<%load_others_css%>

type="text/javascript">
<!--
function clearfield(pform){
if (pform.keyword.value == "<%=GetLang("langsearchboxdefault")%>")
pform.keyword.value = "";
}
-->
</script>
<script type="text/javascript">
<!--
function toggleMe(a){
var e=document.getElementById(a);
//if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
//return true;
}
-->
</script>
<!--<noscript>not support</noscript>-->
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="templates/default/engine1/style.css" />
<script type="text/javascript" src="templates/default/engine1/jquery"></script>
<!-- End WOWSlider.com HEAD section -->
<!-- Enhancement: To include TYNT -->
<%GenerateTYNT%>
</head>
<body>
<div id="page" style="">
<!-- MOBILE HEADER -->
<div class="mobile-header container" style="">
<div class="">
<!--UPPER NAVIGATION -->
<div class="vp_topheader_upper">
<%load_topheaderupperbox "M"%>
</div>
<!--END OF UPPER NAVIGATION -->
<!--LOWER HEADER NAVIGATION -->
<div id="vp_topheader_lower" class="lower-header">
<%load_topheaderlowerbox%>
</div>
<!--END OF LOWER HEADER NAVIGATION -->
</div>
</div>
<!--END MOBILE HEADER -->
<!--ICON DROPDOWN NAVIGATIONS (FOR MOBILE) -->
<%toprighticons_expand%>
<!--ICON DROPDOWN NAVIGATIONS (FOR MOBILE) -->
<!--Top Lower Right (FOR MOBILE) -->
<%headerlowerright_prodcategories_expand%>
<!--Top Lower Right (FOR MOBILE) -->

<div id="vp_topheader">
<%load_topheaderbox%>
</div>
<div class="page_wrapper"> <!-- WRAPPER CONTAINER FOR THE WHOLE PAGE -->
<div class="lower-header container">
<div class="row lowernavgation wrapper">
<div class="vp_topheader_upper" style="">
<%load_topheaderupperbox "D"%>
</div>
</div>
</div>

<div class="horo_desktop desktop-view">
<div class="horo_desktop_bar">
<div class="container">
<div class="row">
<div class="collapse navbar-collapse">
<!-- HORIZONTAL MENU -->
<div id="vp_horomenu"><%horomenu "D"%></div>
<!-- END HORIZONTAL MENU -->
</div>
</div>
</div>
</div>
</div>

<div class="lower-header container">
<div id="vp_sliderbanners" class="">
<%showsliderbanners%>
</div>

<div class="row welcomebox_wrapper desktop-view">
<div class="col-sm-12">
<div class="" id="vp_welcomeboxstretch">
<!-- WELCOMEBOX STRETCH -->
<%welcomeboxstretch%>
<!-- END WELCOMEBOX STRETCH -->
</div>
</div>
</div>
</div>

<!-- CONTENT PART -->
<div class="container content-wrapper">
<div class="row">
<!-- CENTER CONTENT -->
<%generate_class_process%>
<div class="<%generate_centerbox_class%>">
<div id="vp_bodycontent">
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="templates/default/data1/images/01.jpg" alt="01" title="01" id="wows1_0"/></li>
<li><img src="templates/default/data1/images/02.jpg" alt="02" title="02" id="wows1_1"/></li>
<li><img src="templates/default/data1/images/03.jpg" alt="03" title="03" id="wows1_2"/></li>
<li><img src="templates/default/data1/images/04.jpg" alt="04" title="04" id="wows1_3"/></li>
<li><img src="templates/default/data1/images/05.jpg" alt="05" title="05" id="wows1_3"/></li>

</ul></div>
<div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">css slideshow</a> by WOWSlider.com v8.0</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="templates/default/engine1/wowslider.js"></script>
<script type="text/javascript" src="templates/default/engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<!-- END SHOPPAGE_HEADER -->
Go to Top of Page

Stelter
Starting Member

USA
1 Posts
Posted - July 22 2017 :  01:42:37  Show Profile  Reply with Quote
You got the slider moved? Where did you put the code?
Go to Top of Page

serjtankian
VP-CART Super User

Armenia
378 Posts
Posted - August 02 2017 :  15:01:59  Show Profile  Visit serjtankian's Homepage  Reply with Quote
she put it under shoppage_header.htm file



*peace - serj*
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00
  • Your Cart Is Empty