Jump to content

  1. CS-Cart Community Forums
  2. > Viewing Profile: Topics: londonman

 

londonman

Member Since 27 Oct 2010
Offline Last Active Dec 02 2021 04:39 PM
-----

Topics I've Started

No Update Been A Long Time

29 November 2021 - 04:32 PM

It's been a long time since last update. 

I wonder if I paid one-year Upgrade subscriptions for only one or two upgrade, will that be good?


Header Fixed - Cs Cart

28 September 2021 - 08:00 AM

Hi there, 

Is there any way to get the header (check the attachment) fixed?

No code changed requried?

 

Thanks


Page Problem.

04 September 2021 - 04:03 PM

I just get some code for a page with 'Collapsibles' .

The problem is

Once I input the code to the page, feels like the page dismisses from the the admin cpanel, but I still can click ' Preview', ' Clone', ' Delete'

And I check the page in front store, it works well. 

Check the code below, and find my screenshort from the attachments.

 

You can use the code for a test in the localhost.

 

Let me know if anything wrong I made. 

 

 


 

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
 
.active, .collapsible:hover {
  background-color: #555;
}
 
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
</style>
</head>
<body>
 
<h2>Collapsibles</h2>
 
<p>A Collapsible:</p>
<button type="button" class="collapsible">Open Collapsible</button>
<div class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
 
<p>Collapsible Set:</p>
<button type="button" class="collapsible">Open Section 1</button>
<div class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Section 2</button>
<div class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Section 3</button>
<div class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
 
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
 
for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
    } else {
      content.style.display = "block";
    }
  });
}
</script>
 
</body>
</html>
 

 

 

Second code, html with css, works great.


 

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}
 
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}
 
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
 
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
 
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-box-front {
  background-color: #bbb;
  color: black;
}
 
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
</style>
</head>
<body>
 
<h1>3D Flip Box (Horizontal)</h1>
<h3>Hover over the box below:</h3>
 
<div class="flip-box">
  <div class="flip-box-inner">
    <div class="flip-box-front">
      <h2>Front Side</h2>
    </div>
    <div class="flip-box-back">
      <h2>Back Side</h2>
    </div>
  </div>
</div>
 
</body>

 


When The 'contact Us' Message Go To?

02 September 2021 - 09:54 AM

I have set related emails at the Store section.

But when I tried to send a test message on the 'Contact us' page, no message is received. So I wonder if anyone who know where the message go?


Hot Sales Image Size- How To Change?

01 September 2021 - 06:33 PM

Hot sales image size- how to change?


  1. CS-Cart Community Forums
  2. > Viewing Profile: Topics: londonman