Bagisto

Daisymond

Hie guys. I have created a custom cms page in bagisto from the admin panel. now I want to add an image onto the page. I want to ask which path I should use or which file I should upload the images so that the image path is read from the cms image tag.

Daisymond

@akhtarkhan Okay, thank you very much. I really appreciate your help. I will use inline-css.

Daisymond

I got this free extension. followed installation steps on GitHub. checked the admin panel but could not find the option to turn it on. anybody with an idea how that can be setup ?

Daisymond

@Vaishali-Agarwal
Thats the code:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
}

.about-section {
  padding: 50px;
  text-align: center;
  background-color: #474e5d;
  color: white;
}

.container {
  padding: 0 16px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}
</style>
</head>
<body>

<div class="about-section">
  <h1>About Us Page</h1>
  <p>Some text about who we are and what we do.</p>
  <p>Resize the browser window to see that this page is responsive by the way.</p>
</div>

<h2 style="text-align:center">Our Team</h2>
<div class="row">
  <div class="column">
    <div class="card">
      <img src="/w3images/team1.jpg" alt="Jane" style="width:100%">
      <div class="container">
        <h2>Jane Doe</h2>
        <p class="title">CEO & Founder</p>
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
        <p>[email protected]</p>
        <p><button class="button">Contact</button></p>
      </div>
    </div>
  </div>

  <div class="column">
    <div class="card">
      <img src="/w3images/team2.jpg" alt="Mike" style="width:100%">
      <div class="container">
        <h2>Mike Ross</h2>
        <p class="title">Art Director</p>
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
        <p>[email protected]</p>
        <p><button class="button">Contact</button></p>
      </div>
    </div>
  </div>
  
  <div class="column">
    <div class="card">
      <img src="/w3images/team3.jpg" alt="John" style="width:100%">
      <div class="container">
        <h2>John Doe</h2>
        <p class="title">Designer</p>
        <p>Some text that describes me lorem ipsum ipsum lorem.</p>
        <p>[email protected]</p>
        <p><button class="button">Contact</button></p>
      </div>
    </div>
  </div>
</div>

</body>
</html>

Screenshot 2020-07-16 at 15.21.42.png

After putting the code there as shown above and clicking ok the preview is correct as you can see it styled in css as below:

Screenshot 2020-07-16 at 15.23.40.png

but after I save and load the page it shows as follows:

Screenshot 2020-07-16 at 15.28.13.png

and when I check again the code in the code section after this step only the css code is gone. the rest in div tags is there.

Daisymond

@Vaishali-Agarwal yes I have included the css in the code box and clicked ok, but after saving the Channel the css disappears bu the other code in div tags does not go away. only the css.

Daisymond

@Vaishali-Agarwal okay thank you very much, I really appreciate your help. let me go through everything. I also have another question if you may help outside this topic. I already opened a new topic for it but no responses yet. I am wondering if you can help.

Daisymond

@Vaishali-Agarwal yes the logo.png file is saved in storage/app/public/channel/1. I did not put it there manually its the one I have added from the admin panel and its appearing there in that file.

Daisymond

@Vaishali-Agarwal said in Logo not showing:

php artisan config:cache

yes I checked the path and ran the command but still no change

Daisymond

@Vaishali-Agarwal yes the .env file is correct the path is localhost/bagisto/public

Daisymond

@Vaishali-Agarwal do you think this issue might go away if I change server or computer ?

Daisymond

@Daisymond

Posts made by Daisymond