For my project http://www.merekhayaal.com/ (Magento CMS) I am trying to get the Masonry layout and product sliders full width. They are currently 960px which is because they are contained in the div 'main'. The Masonry layout is getting its images from the class 'content', which apprarently linked to Content > HomePage > Pages > CMS > Magento.
When I try to move the 'content' class in 1column.phtml to outside 'main' (whose width is set to 960px) i get the desired result but it also causes content in other pages like Contact us, etc to go full width, which breaks the site design.
Is it possible for a div to be bigger than its parent div? Any suggestions what should I do?
The best solution would be to create a new layout specifically removing the contained div "main", and assign it to your homepage.
Documentation on how to create a new layout template:
http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/0_-_theming_in_magento/adding_cms_layout_templates
I was running behind a similar solution, and I did the following: cloned the [layoutcolumn].phtml desired in [package]/[theme]/template/page and put the slider block within the div page, like this:
<div class="page">
<?php echo $this->getChildHtml('header') ?>
<div class="main-container col1-layout">
<div class="main">
<?php echo $this->getChildHtml('breadcrumbs') ?>
</div>
</div>
<?php echo $this->getLayout()->createBlock('[myslide]/[myslide]')->setTemplate('[myslide]/[myslide].phtml')->toHtml();?>
<div class="main-container col1-layout">
<div class="main">
<div class="col-main">
<?php echo $this->getChildHtml('global_messages') ?>
<?php echo $this->getChildHtml('content') ?>
</div>
</div>
</div>
<?php echo $this->getChildHtml('footer_before') ?>
<?php echo $this->getChildHtml('footer') ?>
<?php echo $this->getChildHtml('global_cookie_notice') ?>
<?php echo $this->getChildHtml('before_body_end') ?>
</div>
So I did not lose the design of other blocks.
I don't know if it's the best solution, but it worked.
Related
I have used a wordpress plugin (Add Featured Image Custom Link) to insert custom url to the featured image.
I have two functionalities in my portfolio:
when the user click on image it will popup the image; this is working properly.
the anchor tag I have used for the link which I have added to featured image I want to redirect to the website of which I have added the link on featured image
How do I do #2
<div class="option inner">
<div>
<h5><?php the_title(); ?></h5>
<?php
$url = get_the_post_thumbnail_url(get_the_ID(),'full');
?>
</div>
</div>
If you want to get the input from the (Add Featured Image Custom Link) WordPress Plugin it's easy. This code will add the link if the input is not empty.
<div class="option inner">
<div>
<h5><?php the_title(); ?></h5>
<?php
$cust_li_fi_value = get_post_meta( $post->ID, '_custom_url_image', true );
if( $cust_li_fi_value ) { ?>
<?php }
?>
</div>
</div>
Cheers,
Happy Coding :)
I got my solution by one way i think it is not the proper way
that is, inplace of i wrote the funciton the_content
and inside editor of the wordpress i use the custome html like this
I'm looking to be able to add blog posts to a page I created, as well on the front page too. So, I'd like to have the blog post about sports, show up on my front page and also on my Sports page. Is this possible?
I don't just want to categorize them and tag them, I want it to show on the specific page created for sports.
Any help from you guys would be much appreciated. Thank you!
Here's a few links that might help you along.
http://codex.wordpress.org/Page_Templates
http://codex.wordpress.org/The_Loop
http://codex.wordpress.org/Class_Reference/WP_Query
Try placing this file in your theme folder and choosing it as your template for your page. You'll also need to change the category number at the top. You can refine it further by copying and pasting code from your index.php file in your theme folder. Mix and match elements to get it closer to what you need. Good luck!
<?php
/*
Template Name: Custom Sports Template
*/
get_header();
query_posts( 'cat=3' );
?>
<div id="content" class="widecolumn">
<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title();?></h2>
<div class="entrytext">
<?php the_content('<p class="serif">Read the rest of this page ยป</p>'); ?>
</div>
</div>
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
</div>
<div id="main">
<?php get_search_form(); ?>
<h2>Archives by Month:</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<h2>Archives by Subject:</h2>
<ul>
<?php wp_list_categories(); ?>
</ul>
</div>
<?php get_footer(); ?>
I don't know much php but I have a parallax template and different sections which are technically pages created in wp-admin. So for example page 2 is:
<!-- Section #2 -->
<section id="middle" data-speed="4" data-type="background">
<div class="container">
<?php query_posts('page_id=' . of_get_option('home_page_2', 'no entry' )); while (have_posts()) : the_post(); ?>
<?php global $more;
$more = 0;
the_content(""); ?>
<?php endwhile; ?>
</div>
</section></a>
Now I want to modify the main wp menu at the top to link to this section. I have tried doing it with html so I wrapepd that whole section around an <a id="2"> tag and recalling it in the menu with website.com/#2 and this works partially BUT it now sees that whole section as a hyperlink thus messing up its formatting. Is there another way of doing this with php?
I'm not sure if I understood what you need correctly, but in order to link to an element on the page, you could do the following:
Option 1: Set an id attribute to the element:
<section id="mysection">...</section>
Option 2: create an empty anchor tag with an id attribute at the top of the section element:
<a id="mysection"></a>
<section>
<h2>My Section</h2>
<!-- ... -->
</section>
Then target the section's id with your anchor tag:
Go to My Section
JSFiddle Demo.
I have a small question. I have included a wordpress blog on my magento shop via the fishpig module. This works great but what I want to include are header options via static cms blocks on the blog. I think I need to adjust something in the phtml of the homepage blog.
app/design/frontend/base/default/template/wordpress/homepage.phtml
This is the current code:
<div class="page-title blog-title <?php if (!$this->isFirstPage()): ?>not-<?php endif; ?>first-page<?php if ($this->isFirstPage() && $this->getTagLine()): ?> with-tagline<?php endif; ?>">
<h1><?php echo $this->escapeHtml($this->getBlogTitle()) ?></h1>
</div>
<?php if ($this->isFirstPage() && $this->getTagLine()): ?>
<p class="blog-desc blog-tag-line"><?php echo $this->escapeHtml($this->getTagLine())
?></p>
<?php endif; ?>
<div class="blog-home">
<?php echo $this->getPostListHtml() ?>
</div>
I played arount with the following line of code but I cant get it to work:
echo $this->getLayout()->createBlock('cms/block')->setBlockId('example_block')->toHTML();
Any solution would be great!!
Thanks..
You can display static blocks on the blog page using this code
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('example_block')->toHTML();?>
But first you need to create a static block in the admin panel. Admin-> Cms-> Static blocks. Then, after you have specified for the static block title, identifier, status and content, you'll need to replace the block identifier in your code to the identifier of the block that you created in the admin.
For example, you have created a block with identifier "blog_header" means the code to show this block on frontend, will be the
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('blog_header')->toHTML();?>
I am curious if there is a way to output an excerpt of the post txt into a sidebar, but only the sidebar for that post.
What I have tried is using the get_content loop in the single.php into a custom sibar that I have created inside another DIV, but it displays the post txt, Comments and images in the sidebar.
<div id="Sidebar">
<?php the_content(); ?>
</div>
Question: Is there anyway to display Post text in the sidebar?
You could do this:
<div id="sidebar">
<?php
the_content();
//display only on post page
if(is_single()){
the_excerpt();
}
</div>
Hope that works!